Move reset buttons to corresponding forms

app/assets/stylesheets/application.css

@@ -61,7 +61,12 @@ input[type=checkbox]:checked {
   height: 2.1rem;
   margin: 0.5rem 0;
 }
-.application-menu a,
+.application-menu .image-button {
+  float: right;
+  margin-left: 0.8rem;
+}
+
+.image-button,
 input[type=submit] {
   align-items: center;
   border: 1px solid;
@@ -71,21 +76,19 @@ input[type=submit] {
   color: #a0a0a0;
   display: flex;
   fill: #a0a0a0;
-  float: right;
   font-size: 0.8rem;
   font-weight: bold;
-  margin-left: 0.8rem;
   padding: 0.4rem;
   text-decoration: none;
 }
-.application-menu a svg {
+.image-button svg {
   height: 1.3rem;
   padding-right: 0.4rem;
   width: 1.3rem;
 }
-.application-menu a.active,
-.application-menu a:hover,
-.application-menu a:hover:focus-visible,
+.image-button.active,
+.image-button:hover,
+.image-button:hover:focus-visible,
 input[type=submit]:hover,
 input[type=submit]:hover:focus-visible {
   background-color: #009ade;
@@ -94,14 +97,18 @@ input[type=submit]:hover:focus-visible {
   cursor: pointer;
   fill: white;
 }
-.application-menu a:focus-visible,
+.image-button:focus-visible,
 input[type=submit]:focus-visible {
   background-color: #f3f3f3;
 }
-.application-menu a.active:focus-visible {
+.image-button.active:focus-visible {
   background-color: #006c9b;
   border-color: #006c9b;
 }
+.image-button.centered {
+  margin: 0 auto;
+  width: fit-content;
+}
 
 .flashes {
   height: 2.1rem;
@@ -172,6 +179,6 @@ form em {
 form input[type=submit] {
   float: none;
   font-size: 1rem;
-  margin: 1.5rem auto;
+  margin: 1.5rem auto 0 auto;
   padding: 0.75rem;
 }