Move button row down

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) {
+    .reminder-settings {
-    p.title.pageTitle {
+        margin-bottom: 0 !important;
-        display: none;
     }
 
-    .dashboard-frame {
+    .tts-row {
-        margin-top: 4rem !important;
+        padding-bottom: 0;
-    }
-
-    .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/reminder_dashboard/templates/guild_reminder.html.tera

@@ -231,7 +231,9 @@
                         </div>
                     </div>
                 </div>
-
+            </div>
+        </div>
+    </div>
     {% if creating %}
         <div class="button-row">
             <div class="button-row-reminder">
@@ -264,7 +266,4 @@
             </button>
         </div>
     {% endif %}
-            </div>
-        </div>
-    </div>
 </div>