Mobile css and message updates.

Fixed mobile version to not look broken.
VarnaLab · Nov 9, 2020 · 395f514 · 395f514
1 parent 386cbd6
commit 395f514
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 11 deletions.
diff --git a/css/varnalab.css b/css/varnalab.css
@@ -7587,10 +7587,6 @@ a.badge:focus {
   }
 }
 @media (max-width: 767px) {
-  body {
-    padding-left: 20px;
-    padding-right: 20px;
-  }
   .navbar-fixed-top,
   .navbar-fixed-bottom,
   .navbar-static-top {
@@ -7612,6 +7608,10 @@ a.badge:focus {
   .container {
     width: auto;
   }
+  .content-inner {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
   .row-fluid {
     width: 100%;
   }
@@ -7954,13 +7954,14 @@ header .nav li:hover img {
 }
 @media (max-width: 1000px) {
   header .nav {
-    margin: 20px 0 0 0;
-    border-top: solid 4px #000;
-    float: none;
+    margin: 0 0 0 20px;
+    padding-top: 0;
+    max-width: calc(100% - 20px - 90px);
+    float: left;
   }
   header .nav-pills > li {
     float: none;
-    display: block;
+    display: inline-block;
   }
   header .nav li img {
     height: auto;
@@ -8068,7 +8069,7 @@ section .member .avatar {
 }
 footer {
   margin: 40px 0 0 0;
-  padding: 20px 0 50px 0;
+  padding: 20px 0 20px 0;
   border-top: solid 4px #000;
 }
 
@@ -8085,9 +8086,14 @@ header:after { content: ''; display: block; clear: both; }
 
 /*TODO: set class*/
 .section-title span {
-  font-size: 32px !important;
+  font-size: 24px !important;
   font-weight: bold !important;
 }
+@media (min-width: 768px) {
+  .section-title span {
+    font-size: 32px !important;
+  }
+}
 
 .v-event {
   font-family: Verdana, Helvetica, Arial;

diff --git a/html/widget/mobile.html b/html/widget/mobile.html
@@ -1,6 +1,6 @@
 <div id="mobile-overlay"></div>
 <div id="mobile-content">
-  <a href="https://varnalab.github.io" class="message">Виж мобилната версия</a>
+  <a href="https://varnalab.github.io" class="message">Към мобилното приложение</a>
   <a href="#" class="quit">затвори</a>
 </div>