From 2e5517875de9e1b169e1587316a41f0c0978417f Mon Sep 17 00:00:00 2001
From: TudbuT <tudbut@tudbut.de>
Date: Mon, 14 Oct 2024 16:55:45 +0200
Subject: [PATCH] several layouting fixes

---
 features.html |  2 +-
 index.html    | 10 +++++-----
 style.css     |  9 +++++----
 3 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/features.html b/features.html
index 2d9f302..f29055b 100644
--- a/features.html
+++ b/features.html
@@ -1,6 +1,6 @@
 <h1> BaseBand's features </h1>
 
-<a class=btn style="display: block; margin: auto; width: 90%;" href=/>Home</a><br>
+<a class=btn style="display: block; margin: auto; width: 100%;" href=/>Home</a><br>
 <br>
 Especially unique/cool features styled in <b>bold</b>.
 
diff --git a/index.html b/index.html
index 9fe71a9..3969227 100644
--- a/index.html
+++ b/index.html
@@ -26,8 +26,8 @@ API for querying or downloading the most recent version of any component:<br>
 <br>
 <br>
 <h2> Screenshots </h2>
-<img class=ss src="/screenshots/ingame.png">
-<img class=ss src="/screenshots/selection.png">
-<img class=ss src="/screenshots/seedoverlay/generating.png">
-<img class=ss src="/screenshots/seedoverlay/hut.png">
-<img class=ss src="/screenshots/seedoverlay/underground.png">
+<img class=ss src="/screenshots/ingame.png"
+><img class=ss src="/screenshots/selection.png"
+><img class=ss src="/screenshots/seedoverlay/generating.png"
+><img class=ss src="/screenshots/seedoverlay/hut.png"
+><img class=ss src="/screenshots/seedoverlay/underground.png">
diff --git a/style.css b/style.css
index ccc1b87..dcd4f6b 100644
--- a/style.css
+++ b/style.css
@@ -10,6 +10,7 @@ body {
   width: min(700px, 90vw);
   margin-top: min(10em, 30vh);
   margin-bottom: min(10em, 30vh);
+  padding: 0;
 }
 a {
   color: #00ffff;
@@ -19,7 +20,7 @@ a.btn {
   background-color: #603060;
   display: inline-block;
   width: 10em;
-  max-width: 90vw;
+  max-width: calc(90vw - 20px);
   min-width: fit-content;
   padding: 10px;
   margin: 0;
@@ -72,8 +73,8 @@ div.error {
 }
 
 img.ss {
-  margin: auto;
   display: inline-block;
-  width: min(calc(45vw - 0.5em), calc(350px - 0.5em));
-  margin: 0.2em;
+  width: calc(50% - 1em);
+  margin: 0.5em;
+  padding: 0;
 }