From 348639270d2f0a0bf8a10318c412572a75d34913 Mon Sep 17 00:00:00 2001
From: jude <jude@jellywx.com>
Date: Sun, 17 Sep 2023 18:11:22 +0100
Subject: [PATCH] Move button row down

---
 web/static/css/style.css                      | 44 ++++++-------
 .../guild_reminder.html.tera                  | 65 +++++++++----------
 2 files changed, 52 insertions(+), 57 deletions(-)

diff --git a/web/static/css/style.css b/web/static/css/style.css
index 63f80a8..060e5bc 100644
--- a/web/static/css/style.css
+++ b/web/static/css/style.css
@@ -634,7 +634,22 @@ li.highlight {
     padding: 2px;
 }
 
-@media only screen and (max-width: 1408px) {
+@media only screen and (max-width: 1023px) {
+    p.title.pageTitle {
+        display: none;
+    }
+
+    .dashboard-frame {
+        margin-top: 4rem !important;
+    }
+
+    .customizable.thumbnail img {
+        width: 60px;
+        height: 60px;
+    }
+}
+
+@media only screen and (max-width: 768px) {
     .button-row {
         display: flex;
         flex-direction: column;
@@ -652,32 +667,13 @@ li.highlight {
     .button-row button {
         width: 100%;
     }
-}
 
-@media only screen and (max-width: 1023px) {
-    p.title.pageTitle {
-        display: none;
+    .reminder-settings {
+        margin-bottom: 0 !important;
     }
 
-    .dashboard-frame {
-        margin-top: 4rem !important;
-    }
-
-    .customizable.thumbnail img {
-        width: 60px;
-        height: 60px;
-    }
-}
-
-@media only screen and (max-width: 768px) {
-    .button-row-edit {
-        display: flex;
-        flex-direction: column;
-    }
-
-    .button-row-edit > button {
-        width: 100%;
-        margin: 4px;
+    .tts-row {
+        padding-bottom: 0;
     }
 }
 
diff --git a/web/templates/reminder_dashboard/guild_reminder.html.tera b/web/templates/reminder_dashboard/guild_reminder.html.tera
index 2b8844c..60f8d25 100644
--- a/web/templates/reminder_dashboard/guild_reminder.html.tera
+++ b/web/templates/reminder_dashboard/guild_reminder.html.tera
@@ -231,40 +231,39 @@
                         </div>
                     </div>
                 </div>
-
-                {% if creating %}
-                    <div class="button-row">
-                        <div class="button-row-reminder">
-                            <button class="button is-success" id="createReminder">
-                                <span>Create Reminder</span> <span class="icon"><i class="fas fa-sparkles"></i></span>
-                            </button>
-                        </div>
-                        <div class="button-row-template">
-                            <div>
-                                <button class="button is-success is-outlined" id="createTemplate">
-                                    <span>Create Template</span> <span class="icon"><i class="fas fa-file-spreadsheet"></i></span>
-                                </button>
-                            </div>
-                            <div>
-                                <button class="button is-outlined show-modal is-pulled-right" data-modal="chooseTemplateModal">
-                                    Load Template
-                                </button>
-                            </div>
-                        </div>
-                    </div>
-                {% else %}
-                    <div class="button-row-edit">
-                        <button class="button is-success save-btn">
-                            <span>Save</span> <span class="icon"><i class="fas fa-save"></i></span>
-                        </button>
-                        <button class="button is-warning disable-enable">
-                        </button>
-                        <button class="button is-danger delete-reminder">
-                            Delete
-                        </button>
-                    </div>
-                {% endif %}
             </div>
         </div>
     </div>
+    {% if creating %}
+        <div class="button-row">
+            <div class="button-row-reminder">
+                <button class="button is-success" id="createReminder">
+                    <span>Create Reminder</span> <span class="icon"><i class="fas fa-sparkles"></i></span>
+                </button>
+            </div>
+            <div class="button-row-template">
+                <div>
+                    <button class="button is-success is-outlined" id="createTemplate">
+                        <span>Create Template</span> <span class="icon"><i class="fas fa-file-spreadsheet"></i></span>
+                    </button>
+                </div>
+                <div>
+                    <button class="button is-outlined show-modal is-pulled-right" data-modal="chooseTemplateModal">
+                        Load Template
+                    </button>
+                </div>
+            </div>
+        </div>
+    {% else %}
+        <div class="button-row-edit">
+            <button class="button is-success save-btn">
+                <span>Save</span> <span class="icon"><i class="fas fa-save"></i></span>
+            </button>
+            <button class="button is-warning disable-enable">
+            </button>
+            <button class="button is-danger delete-reminder">
+                Delete
+            </button>
+        </div>
+    {% endif %}
 </div>