Fix: Some layout fixes

css/layouts.css

@@ -19,7 +19,6 @@
 .layouts-dashboards-2 .row > div,
 .layouts-dashboards-1 .row > div {
   flex: 1;
-  padding: 1em;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);
   margin-right: 1em;
   margin-bottom: 1em;
@@ -39,9 +38,24 @@
   flex-grow: 1;
 }
 
+.layouts-dashboards .block-dashboards h2,
+.layouts-dashboards .block-dashboards h2 {
+  background-color: rgb(224, 224, 223);
+  color: black;
+  border: none;
+  padding: .75em;
+  margin-right: 0;
+  margin-top: 0;
+  max-width: 100%;
+}
+
+.layouts-dashboards .dashboard-component {
+  padding: 0 1em 1em 1em;
+}
+
 @media only screen and (max-width: 600px) {
-  .layouts-dashboards-1,
-  .layouts-dashboards-2 {
+  .layouts-dashboards,
+  .layouts-dashboards {
     flex-direction: column;
   }
 }

templates/layouts/layouts--1.html.twig

-<section {{ attributes.addClass('layouts-dashboards-1') }}>
+<section {{ attributes.addClass('layouts-dashboards-1', 'layouts-dashboards') }}>
   <div class="row">
     {% if content.one %}
     <div {{ region_attributes.one }}>

templates/layouts/layouts--2.html.twig

-<section {{ attributes.addClass('layouts-dashboards-2') }}>
+<section {{ attributes.addClass('layouts-dashboards-2', 'layouts-dashboards') }}>
 {% if content.one %}
   <div class="row">
     <div {{ region_attributes.one }}>