banner, fix width for tablet mode.

pages/apps.php

@@ -108,7 +108,7 @@
 						>[fdroid.Hyperling.com]</a>
 						or
 						<a href="https://fdroid.link/#https://fdroid.hyperling.com/fdroid/repo">
-						[open directly with F-Droid]</a>
+						[open with F-Droid]</a>
 					</li>
 				</ul>
 				<p>

pages/helpers/banner.php

@@ -5,12 +5,12 @@
 		$GLOBALS["SHOW_BANNER_PICS"] = true;
 	}
 	$show_pics = $GLOBALS["SHOW_BANNER_PICS"];
-	$banner_width = $show_pics ? 6 : 12;
+	$banner_width = $show_pics ? 8 : 12;
 ?>
 		<a href='/about/'>
 			<div class="row">
 				<?php if ($show_pics) echo '
-				<div class="col-3 header center banner-image banner-image01"></div>
+				<div class="col-2 header center banner-image banner-image01"></div>
 				';?>
 				<div class="col-<?php echo "$banner_width"; ?> header">
 					<div class="banner-top">Peace</div>
@@ -18,7 +18,7 @@
 					<div class="banner-bottom">Happiness</div>
 				</div>
 				<?php if ($show_pics) echo '
-				<div class="col-3 header center banner-image banner-image02"></div>
+				<div class="col-2 header center banner-image banner-image02"></div>
 				';?>
 			</div>
 		</a>

pages/helpers/main.css

@@ -47,10 +47,10 @@
 
 			/* Tablets */
 			@media (min-width: 768px) and (max-width: 1023px) {
-				.col-1 .col-2 .col-3 .col-4 .col-5 .col-6 {
+				.col-1, .col-2, .col-3, .col-4, .col-5, .col-6 {
 					width: 50%;
 				}
-				.col-7 .col-8 .col-9 .col-10 .col-11 .col-12 {
+				.col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
 					width: 100%;
 				}
 			}
@@ -165,3 +165,5 @@
 				width: 25%;
 				height: 25%;
 			}
+: 25%;
+			}