Корректная работа на мобильных устройствах

[esp-clock.git] / data / web / style.css

diff --git a/data/web/style.css b/data/web/style.css
index c83b6842c619fcd41bed2f951b17a616f93f550c..1f818dbe2006b6312c1e163b3eb012e5c908655a 100644 (file)
--- a/data/web/style.css
+++ b/data/web/style.css
@@ -1237,7 +1237,14 @@ input[type=range]:focus::-ms-fill-upper {
  display:none
 }
 footer {
  display:none
 }
 footer {

- text-align:center
+ text-align:center;
+ position: absolute;
+ bottom: 1rem;
+ width: 100%
+}
+footer a {
+ display: inline-block;
+ text-decoration: none

 }
 .notification {
   float: right;
 }
 .notification {
   float: right;


@@ -1331,12 +1338,14 @@ label.switch.socket input[type=checkbox]:checked + span.slider:after {
     background: white;
     left: 2.4em;
 }
     background: white;
     left: 2.4em;
 }

+.week {
+    width: 100%;
+}

 .weekday, .weekday-selected {
 .weekday, .weekday-selected {

-    font-size: 110%;
+    font-size: min(4vw, 1.5rem);

     text-align: center;
     text-align: center;

-    margin: 0.5em;
-    width: 4em;
-    height: 1.5em;
+    margin: 0.5vw;
+    padding: 0.4em;

     border-radius: 5em;
     border:2px solid #2497e3;
     box-shadow:inset 0 1px 11px 0 #1f8dd6;
     border-radius: 5em;
     border:2px solid #2497e3;
     box-shadow:inset 0 1px 11px 0 #1f8dd6;


@@ -1346,3 +1355,6 @@ label.switch.socket input[type=checkbox]:checked + span.slider:after {
     background: #0a3660;
     color: white
 }
     background: #0a3660;
     color: white
 }

+#layout { 
+  min-height: 100vh; 
+}