Revize 278f83f2

Re #8621 - Návrh modelu dashboardu

- úprava modelu dashboardu

src/assets/scss/_dashboard.scss

@@ -7 +7 @@
 }
 
 .dashboard {
-  margin-top: 5px;
+  padding: $grid-gutter-width 0;
+
+  h3 {
+    margin: 0;
+    font-weight: $font-weight-bold;
+  }
+
+  h4 {
+    margin: 0;
+  }
 
   .p-accordion {
     .p-accordion-header {
       .p-accordion-header-link {
+        padding-top: $grid-gutter-width / 2;
+        padding-bottom: $grid-gutter-width / 2;
         color: #0B1226;
         background: #F2F2F2;
+      }
 
-        &:hover {
-          .p-button {
-            color: #0B1226;
-            background: #F2F2F2;
-          }
-        }
+      &:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
+        color: #0B1226;
+        background: #BCBCBC;
       }
 
       &:not(.p-disabled).p-highlight  {
-        .p-button {
+        .p-accordion-header-link {
           color: #0B1226;
-          background: #F2F2F2;
-        }
-
-        &:hover {
-          .p-accordion-header-link {
-            color: #F2F2F2;
-            background: #0B1226;
-          }
+          background: #BCBCBC;
         }
+      }
 
-        .p-accordion-header-link {
-          color: #F2F2F2;
-          background: #0B1226;
-        }
+      .p-splitbutton-defaultbutton{
+        margin-left: $grid-gutter-width  / 2;
       }
     }
 
     .p-accordion-content {
-      color: #F2F2F2;
-      background: #0B1226;
+      padding: 0;
+      color: #0B1226;
+      background: #F2F2F2;
 
-      .p-button {
-        color: #0B1226;
-        background: #F2F2F2;
-      }
+      .ng-star-inserted {
+        &:nth-child(2n) .row {
+          background: #D3D3D3;
+        }
 
-      .p-accordion .p-accordion-header {
-        &:hover {
-          color: #F2F2F2;
-          background: #0B1226;
+        .row {
+          margin: 0;
+          padding: 5px 0;
+
+          @include hover-focus() {
+            cursor: pointer;
+            color: #0B1226;
+            background: #619CE2;
+          }
         }
       }
+
+      .p-button {
+        margin: 0 5px;
+        padding: 5px 7px;
+      }
     }
   }
 }
+
+.dashboard-sensor-heading-wrapper {
+  display: flex;
+  align-items: center;
+  height: 100%
+}
+
+.dashboard-button-separator {
+  display: inline-flex;
+  align-items: center;
+  vertical-align: bottom;
+  margin: 0 $grid-gutter-width / 2;
+  width: 2px;
+  height: 100%;
+  background: $secondary;
+}
+
+.p-dialog {
+  background: $primary
+}