Fix text overflow in text/radio buttons (#1004)

* [frontend] Clip button text, show ellipsis on overflow

* Fix CSS rules, replicate to Vue

---------

Co-authored-by: Keavon Chambers <keavon@keavon.com>

frontend/src/components/widgets/buttons/TextButton.vue

@@ -20,7 +20,7 @@
 	display: flex;
 	justify-content: center;
 	align-items: center;
-	flex: 0 0 auto;
+	flex: 0 0 0;
 	height: 24px;
 	margin: 0;
 	padding: 0 8px;
@@ -63,6 +63,10 @@
 		position: relative;
 		left: -4px;
 	}
+
+	.text-label {
+		overflow: hidden;
+	}
 }
 </style>
 

frontend/src/components/widgets/inputs/RadioInput.vue

@@ -79,6 +79,7 @@
 
 	.text-label {
 		margin: 0 4px;
+		overflow: hidden;
 	}
 
 	&.combined-before button:first-of-type,