Revize 8ca45faf

Re #8924 - Kódodování responzivního designu přihlášení a dashboardu
+ Add styles for responsive design

src/assets/scss/_dashboard.scss

@@ -6 +6 @@
   align-items: center;
 }
 
+.dashboard-unit-heading {
+  text-align: right;
+
+  @include media-breakpoint-down(xs) {
+    text-align: center;
+  }
+}
+
 .dashboard {
   padding: $grid-gutter-width 0;
 
   h3 {
     margin: 0;
     font-weight: $font-weight-bold;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    @include media-breakpoint-down(sm) {
+      max-width: 260px;
+      font-size: 16px;
+    }
+
+    @include media-breakpoint-down(xs) {
+      margin-bottom: 10px;
+    }
   }
 
   h4 {
     margin: 0;
+
+    @include media-breakpoint-down(xs) {
+      margin-bottom: 10px;
+    }
   }
 
   .p-accordion {
@@ -80 +104 @@
   height: 100%
 }
 
+.dashboard-sensor-heading {
+  text-align: right;
+
+  @include media-breakpoint-down(xs) {
+    text-align: center;
+  }
+}
+
 .dashboard-button-separator {
   display: inline-flex;
   align-items: center;