Add text button styling

core/css/buttons.css

@@ -1,4 +1,4 @@
-.button { 
+.button {
 	background: var(--default-button-background);
 	border: var(--default-button-border);
 	font-family: var(--primary-font);
@@ -125,11 +125,20 @@ button.formbutton a {
 .longbutton > a, .widebutton > a {
 	width: 120px;
 }
-	
+
 .longbutton > a img, .smallbutton > a img, .widebutton > a img {
 	margin-right: 4px;
 }
 
+.button.longbutton.textbutton {
+	text-align: center;
+}
+
+.button.longbutton.textbutton a {
+	font-size: 16px;
+	display: inline-block !important;
+}
+
 .button:hover, .button.selected, button.formbutton:hover {
 	background: var(--hover-button-background);
 	border: var(--hover-button-border);
@@ -150,22 +159,22 @@ button.formbutton a {
 		display: block;
 		margin: 2px;
 	}
-	
+
 	.button a {
 		display: block;
 		width: 48px;
 		height: 48px;
 	}
-	
+
 	.popbutton {
 		font-size: 16px;
 		margin: 2px 4px;
 	}
-	
+
 	.popbutton:hover {
 		width: 140px;
 	}
-	
+
 	.popbutton > a {
 		color: var(--main-text);
 		text-decoration: none;
@@ -174,11 +183,11 @@ button.formbutton a {
 		height: 48px;
 		width: 144px;
 	}
-	
+
 	.popbutton > a img {
 		margin-right: 4px;
 	}
-	
+
 	.oddbutton {
 		top: 8px;
 		left: calc(64px + 8px);
@@ -190,24 +199,24 @@ button.formbutton a {
 		display: inline-block;
 		margin: 2px;
 	}
-	
+
 	.popbutton {
 		margin: 4px 2px;
 	}
-	
+
 	.popbutton:hover {
 		width: 44px;
 	}
-	
+
 	.popbutton a:nth-of-type(2) {
 		display: none;
 	}
-	
+
 	.oddbutton {
 		top: calc(64px + 8px);
 		left: 8px;
 	}
-	
+
 	.longbutton.collapse {
 		width: 20px;
 		margin: 2px !important;