web/static/css/style.css

@@ -15,18 +15,6 @@ div.reminderContent.is-collapsed .column.settings {
     display: none;
 }
 
-div.reminderContent.is-collapsed .button-row {
-    display: none;
-}
-
-div.reminderContent.is-collapsed .button-row-edit {
-    display: none;
-}
-
-div.reminderContent.is-collapsed .reminder-topbar {
-    padding-bottom: 0;
-}
-
 div.reminderContent.is-collapsed .invert-collapses {
     display: inline-flex;
 }
@@ -646,22 +634,7 @@ li.highlight {
     padding: 2px;
 }
 
-@media only screen and (max-width: 1023px) {
+@media only screen and (max-width: 1408px) {
-    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;
@@ -679,13 +652,32 @@ li.highlight {
     .button-row button {
         width: 100%;
     }
+}
 
-    .reminder-settings {
+@media only screen and (max-width: 1023px) {
-        margin-bottom: 0 !important;
+    p.title.pageTitle {
+        display: none;
     }
 
-    .tts-row {
+    .dashboard-frame {
-        padding-bottom: 0;
+        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;
     }
 }
 

web/templates/dashboard.html.tera

@@ -40,7 +40,7 @@
     <div class="navbar-brand">
         <a class="navbar-item" href="/">
             <figure class="image">
-                <img width="28px" height="28px" src="/static/img/logo_nobg.webp" alt="Reminder Bot Logo">
+                <img src="/static/img/logo_nobg.webp" alt="Reminder Bot Logo">
             </figure>
         </a>
 
@@ -234,7 +234,6 @@
         <a href="/">
             <div class="brand">
                 <img src="/static/img/logo_nobg.webp" alt="Reminder bot logo"
-                     width="52px" height="52px"
                      class="dashboard-brand">
             </div>
         </a>

web/templates/reminder_dashboard/guild_reminder.html.tera

@@ -231,39 +231,40 @@
                         </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>