Fix padding etc.

web/static/css/style.css

@@ -597,12 +597,9 @@ li.highlight {
     display: flex;
 }
 
-.button-row > div {
-    margin: 2px;
-}
-
 .button-row .button-row-reminder {
     flex-grow: 0;
+    padding: 2px;
 }
 
 .button-row-template {
@@ -611,6 +608,10 @@ li.highlight {
     justify-content: space-between;
 }
 
+.button-row .button-row-template > div {
+    padding: 2px;
+}
+
 @media only screen and (max-width: 1408px) {
     .button-row {
         display: flex;
@@ -619,15 +620,14 @@ li.highlight {
 
     .button-row .button-row-reminder {
         width: 100%;
-        margin: 4px;
     }
 
-    .button-row .button-row-template button {
+    .button-row .button-row-template > div {
         flex-basis: 0;
         flex-grow: 1;
     }
 
-    .button-row-reminder button {
+    .button-row button {
         width: 100%;
     }
 }

web/templates/reminder_dashboard/guild_reminder.html.tera

@@ -242,14 +242,18 @@
                             </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">