From 4d29ad68c727e49584d004526c068b822f656281 Mon Sep 17 00:00:00 2001
From: Suksi <nukelawe@gmail.com>
Date: Sun, 19 Sep 2021 16:39:18 +0300
Subject: [PATCH] Centerbox content top and bottom margins

The margin-bottom of the last paragraphs was removed to make white space
at the end of the page same as on the top and sides.
Content images are now embedded in paragrapsh to ensure correct spacing
and use a class instead of an id, because there aren't unique.
Removed css rules for ul and li elements, which the project no longer
contains.
---
 static/style.css            | 16 +++++-----------
 templates/english_main.html |  4 +++-
 templates/index.html        |  4 +++-
 templates/join_sossu.html   |  9 ++++++---
 templates/tule_mukaan.html  | 15 ++++++++++-----
 5 files changed, 27 insertions(+), 21 deletions(-)

diff --git a/static/style.css b/static/style.css
index 4ce3f8c..cbde7a4 100644
--- a/static/style.css
+++ b/static/style.css
@@ -18,12 +18,9 @@ body {
   margin-right: auto;
 }
 
-#sisaltoKuvat{
+.sisaltoKuva {
   width: 100%;
   height: 100%;
-  margin-left: auto;
-  margin-right: auto;
-  display: block;
 }
 
 /* General styling of the highest level elements */
@@ -41,10 +38,6 @@ body {
   text-align: left;
 }
 
-#centerbox p {
-  margin-top: 0px;
-}
-
 #footer {
   padding: 2ch;
   margin-left: auto;
@@ -132,13 +125,14 @@ body {
   font-weight: bold;
 }
 
-p, h3, h2, ul, li {
+p, h3, h2 {
   font-family: Tahoma;
   text-decoration: none;
+  margin-top: 0;
 }
 
-h2 {
-  margin-top: 0;
+p:last-of-type {
+  margin-bottom: 0;
 }
 
 .social-media-logos {
diff --git a/templates/english_main.html b/templates/english_main.html
index a2b022e..9d4afd6 100644
--- a/templates/english_main.html
+++ b/templates/english_main.html
@@ -41,5 +41,7 @@
    We also organize many events ourselves. With our the iconic traditional
    gray jackets used by the Finnish military, comes a party that you definitely do not want to miss!
 </p>
-<img id="sisaltoKuvat" src="/static/etusivunKuva.jpg" alt="Orchestra on stairs">
+<p>
+  <img class="sisaltoKuva" src="/static/etusivunKuva.jpg" alt="Orchestra on stairs">
+</p>
 {% endblock %}
diff --git a/templates/index.html b/templates/index.html
index 8b10655..ea0f64c 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -26,5 +26,7 @@
   kotimaassa ja Ruotsissa. Päällämme pitämiemme ikonisten puolustusvoimien harmaiden
   takkien mukana tulee bileet, joita et taatusti halua missata!
 </p>
-<img id="sisaltoKuvat" src="/static/etusivunKuva.jpg" alt="Orkesteri rappusilla">
+<p>
+  <img class="sisaltoKuva" src="/static/etusivunKuva.jpg" alt="Orkesteri rappusilla">
+</p>
 {% endblock %}
diff --git a/templates/join_sossu.html b/templates/join_sossu.html
index 13cc82a..2ae04bb 100644
--- a/templates/join_sossu.html
+++ b/templates/join_sossu.html
@@ -23,8 +23,9 @@
   <a href="http://www.rikssmask.se/sofstork.html" target="_blank" rel="noopener noreferrer">an annual international student
   festival</a>.
 </p>
-<img id="sisaltoKuvat" src="/static/kela.jpg" alt="Tanssiryhmä keikalla">
-<br>
+<p>
+  <img class="sisaltoKuva" src="/static/kela.jpg" alt="Tanssiryhmä keikalla">
+</p>
 <p>
   If you want to sing, we strongly recommend
   <a href="http://sol.savolainenosakunta.fi/" target="_blank" rel="noopener noreferrer">Savolaisen osakunnan kuoro (SOL)</a> which
@@ -42,5 +43,7 @@
     able to become part of a happy and active student orchestra, make friends and have
     long-lasting memories of unique events and parties!
 </p>
-<img id="sisaltoKuvat" src="/static/mukaanKuva.jpg" alt="Orchestra on a gig">
+<p>
+  <img class="sisaltoKuva" src="/static/mukaanKuva.jpg" alt="Orchestra on a gig">
+</p>
 {% endblock %}
diff --git a/templates/tule_mukaan.html b/templates/tule_mukaan.html
index ec2761e..d0d5761 100644
--- a/templates/tule_mukaan.html
+++ b/templates/tule_mukaan.html
@@ -21,13 +21,16 @@
   Jos et ole soittaja vaan tanssija, voit päästä tanssiryhmäämme KELAan!
   KELA keikkailee muuta orkesteria harvemmin, mutta sitäkin suuremmalla innolla.
   KELAn vuoden päätapahtuma on yleensä kevään keikkamatkamme
-  <a href="http://www.rikssmask.se/sofstork.html" target="_blank" rel="noopener noreferrer">Ruotsiin opiskelijaorkesterifestivaaleille</a>.</p>
+  <a href="http://www.rikssmask.se/sofstork.html" target="_blank" rel="noopener noreferrer">Ruotsiin opiskelijaorkesterifestivaaleille</a>.
+</p>
+<p>
+  <img class="sisaltoKuva" src="/static/kela.jpg" alt="Tanssiryhmä keikalla">
+</p>
 <p>
-<img id="sisaltoKuvat" src="/static/kela.jpg" alt="Tanssiryhmä keikalla">
-<br>
   Laulamaan mieliville suosittelemme sisaruskuoroamme
   <a href="http://sol.savolainenosakunta.fi/" target="_blank" rel="noopener noreferrer">Savolaisen osakunnan kuoroa (SOL)</a>,
-  jonka kanssa meillä on pitkät yhteiset keikkailuperinteet.</p>
+  jonka kanssa meillä on pitkät yhteiset keikkailuperinteet.
+</p>
 <h3>Miten jäseneksi?</h3>
 <p>Mikäli kiinnostuit, ota meihin yhteyttä sähköpostitse osoitteeseen
   sossu.orkesteri [at] gmail.com ja kerro hieman itsestäsi ja soittotaustastasi.
@@ -39,5 +42,7 @@
   yhteyttä – saatat päästä osaksi SOSSun iloista soittajaporukkaa ja mukaan
   ikimuistoisille keikoille ja tapahtumiin!
 </p>
-<img id="sisaltoKuvat" src="/static/mukaanKuva.jpg" alt="Orkesteri soittamassa">
+<p>
+  <img class="sisaltoKuva" src="/static/mukaanKuva.jpg" alt="Orkesteri soittamassa">
+</p>
 {% endblock %}