From 6af5de0ddb3c805a86c71c8ae014d76024a51720 Mon Sep 17 00:00:00 2001
From: BurnyLlama <burnyllama@protonmail.com>
Date: Mon, 29 Apr 2024 00:11:18 +0200
Subject: [PATCH] More cleanups.

---
 scss/box.scss                          | 15 +++++++--------
 scss/control_panel.scss                |  5 ++++-
 templates/control_panel/main.html.tera |  8 ++++----
 3 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/scss/box.scss b/scss/box.scss
index 7e8b12b..04f4eee 100644
--- a/scss/box.scss
+++ b/scss/box.scss
@@ -4,15 +4,18 @@
 
 .box {
     background-color: palette.$standout;
-    margin-bottom: settings.$pad-fixed-xl;
     container-type: inline-size;
     width: 100%;
     border: 1px solid palette.$grey100;
     border-radius: 1rem;
 
-    // > :not(:last-child) {
-    //     margin-bottom: settings.$pad-fixed-m;
-    // }
+    &.pad {
+        padding: settings.$pad-fixed-m
+    }
+
+    &.margin-bottom {
+        margin-bottom: settings.$pad-fixed-xl;
+    }
 
     > h2 {
         margin-top: 0;
@@ -54,8 +57,4 @@
             color: palette.$red400;
         }
     }
-
-    &.pad {
-        padding: settings.$pad-fixed-m
-    }
 }
diff --git a/scss/control_panel.scss b/scss/control_panel.scss
index a89caff..736f9da 100644
--- a/scss/control_panel.scss
+++ b/scss/control_panel.scss
@@ -34,10 +34,13 @@
     grid-template-columns: 1fr auto;
     grid-template-rows: auto auto;
     place-items: start;
-    background-color: palette.$surface;
     padding: settings.$pad-fixed-m;
     margin-bottom: settings.$pad-fixed-m;
 
+    &:last-child {
+        margin-bottom: 0;
+    }
+
     .title {
         grid-area: title;
         font-family: settings.$font-family-default;
diff --git a/templates/control_panel/main.html.tera b/templates/control_panel/main.html.tera
index ef05112..fd4a508 100644
--- a/templates/control_panel/main.html.tera
+++ b/templates/control_panel/main.html.tera
@@ -21,7 +21,7 @@
 {% endif %}
 
 {% if creator.role == "Publisher" %}
-<div class="box pad">
+<div class="box pad margin-bottom">
     <h2 icon="admin_panel_settings">Administrativa verktyg</h2>
     <div class="flex wrap gap">
         <button class="btn" icon="person_add" data-dialog-button="create-user">Skapa ny användare</button>
@@ -46,7 +46,7 @@
     {% if unpublished_texts | length > 0 %}
     {% for text in unpublished_texts %}
     {% if not text.marked_as_done %}
-    <div class="article-box">
+    <div class="article-box box pad">
         <p class="title">{{ text.title }} </p>
         <p class="date">{{ text.created_at | date(format="%F %T") }}</p>
         <div class="flex wrap gap actions">
@@ -72,7 +72,7 @@
     {% if unpublished_texts | length > 0 %}
     {% for text in unpublished_texts %}
     {% if text.marked_as_done %}
-    <div class="article-box">
+    <div class="article-box box pad">
         <p class="title">{{ text.title }} </p>
         <p class="date">{{ text.created_at | date(format="%F %T") }}</p>
         <div class="flex wrap gap actions">
@@ -94,7 +94,7 @@
     <h3>Publicerade texter</h3>
     {% if published_texts | length > 0 %}
     {% for text in published_texts %}
-    <div class="article-box">
+    <div class="article-box box pad">
         <p class="title">{{ text.title }} </p>
         <p class="date">{{ text.created_at | date(format="%F %T") }}</p>
         <div class="flex wrap gap actions">