add individual formbutton sizes

css/buttons.css

@@ -9,6 +9,29 @@
 	flex-shrink: 0;
 }
 
+button.formbutton {
+	background: var(--default-button-background);
+	border: var(--default-button-border);
+	font-family: var(--primary-font);
+	cursor: pointer;
+	height: 28px;
+	width: 128px;
+	padding: 0px;
+	margin: 2px;
+	text-align: left;
+	font-size: 12px;
+	font-weight: normal;
+	flex-shrink: 0;
+}
+
+button.formbutton.small {
+	width: 28px;
+}
+
+button.formbutton img {
+	vertical-align: middle;
+}
+
 .button:hover > a > img:nth-of-type(1) {
 	filter: contrast(50%);
 }
@@ -89,26 +112,17 @@
 	margin-right: 4px;
 }
 
-.oddbutton {
-	position: absolute;
-}
-
-.fakebutton {
-	display: inline-block !important;
-	cursor: pointer;
-}
-
-.button:hover, .button.selected {
+.button:hover, .button.selected, button.formbutton:hover {
 	background: var(--hover-button-background);
 	border: var(--hover-button-border);
 }
 
-.button:active {
+.button:active, button.formbutton:active {
 	background: var(--active-button-background);
 	border: var(--active-button-border);
 }
 
-.button.disabled, .longbutton.disabled, .smallbutton.disabled {
+.button.disabled, .longbutton.disabled, .smallbutton.disabled, button.formbutton.disabled {
 	background: var(--disabled-button-background);
 	border: var(--disabled-button-border);
 }

style.css

@@ -1330,21 +1330,6 @@ heading .button {
 	padding: 8px;
 }
 
-.formbutton button {
-	background: none;
-	color: var(--main-text);
-	text-decoration: none;
-	display: flex;
-	align-items: center;
-	width: 100%;
-	height: 100%;
-	font-family: var(--primary-font);
-	border: none;
-	box-sizing: content-box;
-	padding: 0px;
-	cursor: pointer;
-}
-
 .wrapper table input {
 	width: calc(100% - 20px);
 }