Update form styles

Author: headlesshorse

assets/css/main.css

@@ -255,7 +255,7 @@ button,
 .button {
   display: block;
   width: 100%;
-  padding: .5em;
+  padding: .5em .9em;
   border: 1px solid var(--color-accent);
   margin-top: 1em;
   background: none;
@@ -317,16 +317,23 @@ form:has(> input:only-of-type + button) {
 }
 
 form:has(> input:only-of-type + button) > input:only-of-type {
-  width: 70%;
+  width: 100%;
   padding: .5em .9em;
   border: 1px solid;
+  border-right: 0;
   margin-top: 0
 }
 
 form:has(> input:only-of-type + button) > button {
-  width: 30%;
+  width: auto;
   border-left: 0;
-  margin-top: 0
+  margin-top: 0;
+  text-align: right
+}
+
+form:has(> input:only-of-type + button) > button:hover {
+  background: var(--color-primary);
+  color: var(--color-accent-2)
 }
 
 summary {