Mobile improvement

[irc/freenode/web-7.0.git] / static / css / style.css

diff --git a/static/css/style.css b/static/css/style.css
index b8c9516e810e23d6ecb52a37c5d93155706f1239..73d1caed6bd3dcf5708cce4486c5ce29d0126456 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -156,13 +156,13 @@ a.nav-light {
 }
 
 .box div{
-    font-size: 28px;
-    line-height: 28px;
-    padding-left: 8px;
-    font-weight: 700;
     position: relative;
-    display: inline;
-    top: -10px;
+    top: initial;
+    font-size: 16px;
+    font-weight: normal;
+    line-height: 16px;
+    padding: 10px 0;
+    display: block;
 }
 
 .fa-users {
@@ -360,6 +360,9 @@ a.hchild:hover,a.hchild:active {
     .fa-4x {
         padding: 0;
         margin: 0;
+        width: 60px;
+        text-align: center;
+        font-size: 28px;
     }
 
     .box-container {
@@ -368,14 +371,22 @@ a.hchild:hover,a.hchild:active {
     }
 
     .box div {
+        font-size: 22px;
+        line-height: 22px;
+        padding-left: 8px;
+        font-weight: 700;
         position: relative;
-        top: initial;
-        font-size: 16px;
-        font-weight: normal;
-        line-height: 16px;
-        padding: 10px 0;
-        display: block;
+        display: inline;
+        text-align: center;
+
     }
+
+    .box {
+        text-align: left;
+        border-radius: calc(var(--box-round) / 2);
+        margin: 5px 0;
+    }
+
 }
 
 .footer h2,.footer h3 {