From 32efbb1feab0c5f6192b378983bce02d6f1dd908 Mon Sep 17 00:00:00 2001
From: Sven <sven.hoehn@posteo.de>
Date: Wed, 3 May 2017 15:03:58 +0200
Subject: [PATCH] Bug 11338: modified sizes

---
 static/css/style.css   | 16 ++++++++++------
 static/scss/style.scss | 16 +++++++++-------
 templates/index.html   | 10 +++++-----
 3 files changed, 24 insertions(+), 18 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index 3007e108..469d7f63 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -4982,8 +4982,11 @@ h3 {
   line-height: 2rem; }
 
 h4 {
-  font-weight: 600;
+  font-weight: 500;
   line-height: 1.75rem; }
+  @media (max-width: 767px) {
+    h4 {
+      font-size: 1em; } }
 
 h5 {
   line-height: 1.5rem; }
@@ -5049,10 +5052,10 @@ img.img-fluid {
           animation: scroll 1.5s ease-in-out infinite; }
   @media (max-width: 767px) {
     .i_arrow_down {
-      width: 2rem !important;
-      height: 2rem !important;
-      left: .15rem;
-      top: -.75rem; } }
+      width: 1.75rem !important;
+      height: 1.75rem !important;
+      left: .25rem;
+      top: -.5rem; } }
 
 .i_lg {
   width: 2.5rem;
@@ -5372,7 +5375,8 @@ section#fireinfo {
     color: #546e7a;
     position: absolute;
     top: calc(50% - 1.25rem);
-    width: 100%; }
+    width: 100%;
+    font-size: 1.25em; }
 
 footer {
   padding: 3rem 0 0 0; }
diff --git a/static/scss/style.scss b/static/scss/style.scss
index 381c145d..f0b30317 100644
--- a/static/scss/style.scss
+++ b/static/scss/style.scss
@@ -55,13 +55,11 @@
 
 
 // Colors
-
 .amber-800 {
 	color: $amber-800;
 }
 
 // Fonts
-
 h1 {
 	line-height: 3rem;
 }
@@ -75,8 +73,11 @@ h3 {
 }
 
 h4 {
-	font-weight: 600;
+	font-weight: 500;
 	line-height: 1.75rem;
+	@include media-breakpoint-down(sm) {
+		font-size: 1em;
+	}
 }
 
 h5 {
@@ -155,10 +156,10 @@ img {
 	top: -.25rem;
 	animation: scroll 1.5s ease-in-out infinite;
 	@include media-breakpoint-down(sm) {
-		width: 2rem !important;
-		height: 2rem !important;
-		left: .15rem;
-		top: -.75rem;
+		width: 1.75rem !important;
+		height: 1.75rem !important;
+		left: .25rem;
+		top: -.5rem;
 	}
 }
 
@@ -462,6 +463,7 @@ section#fireinfo {
 		position: absolute;
 		top: calc(50% - 1.25rem);
 		width: 100%;
+		font-size: 1.25em;
 	}
 }
 
diff --git a/templates/index.html b/templates/index.html
index 4a917d40..c1bd1618 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -245,9 +245,9 @@
 		<div class="container">
 			<h2 class="display-2 text-center">Fire<strong>Info</strong> Statistics</h2>
 			
-			<div class="row mb-6 mb-md-5 pb-lg-5  mb-lg-6">
+			<div class="row mb-6 mb-md-5 pb-lg-5 mb-lg-6">
 				<div class="col-6 col-md-3 mb-6 text-center">
-					<p class="mb-3"><small>Latest Release</small></p>
+					<p class="mb-0 mb-sm-3"><small>Latest Release</small></p>
 					<h4 class="pb-5">2.19 Core 109</h4>
 					<div class="r_circle circle mt-5">
 						<p class="lead">48%</p>
@@ -258,7 +258,7 @@
 				</div>
 				
 				<div class="col-6 col-md-3 mb-6 text-center">
-					<p class="mb-3"><small>Favorite Kernel</small></p>
+					<p class="mb-0 mb-sm-3"><small>Favorite Kernel</small></p>
 					<h4 class="pb-5 truncate">3.14.79-ipfire-pae</h4>
 					<div class="f_circle circle mt-5">
 						<p class="lead">36%</p>
@@ -269,7 +269,7 @@
 				</div>
 				
 				<div class="col-6 col-md-3 text-center">
-					<p class="mb-3"><small>Favorite CPU</small></p>
+					<p class="mb-0 mb-sm-3"><small>Favorite CPU</small></p>
 					<h4 class="pb-5">Intel</h4>
 					<div class="c_circle circle mt-5">
 						<p class="lead">71%</p>
@@ -280,7 +280,7 @@
 				</div>
 				
 				<div class="col-6 col-md-3 text-center">
-					<p class="mb-3 truncate"><small>Favorite Virtualisation</small></p>
+					<p class="mb-0 mb-sm-3 truncate"><small>Favorite Virtualisation</small></p>
 					<h4 class="pb-5">VMWare</h4>
 					<div class="v_circle circle mt-5">
 						<p class="lead">46%</p>
-- 
2.39.2