From efd4da616d39aaaf0f70d1f58ded4efb5ce3226d Mon Sep 17 00:00:00 2001
From: Keavon Chambers <keavon@keavon.com>
Date: Thu, 22 Dec 2022 17:55:39 -0800
Subject: [PATCH] Make Properties panel radio buttons full width

---
 frontend/src/components/widgets/groups/WidgetSection.vue | 4 ++++
 frontend/src/components/widgets/inputs/RadioInput.vue    | 1 +
 2 files changed, 5 insertions(+)

diff --git a/frontend/src/components/widgets/groups/WidgetSection.vue b/frontend/src/components/widgets/groups/WidgetSection.vue
index db4f6acb..cc29c13e 100644
--- a/frontend/src/components/widgets/groups/WidgetSection.vue
+++ b/frontend/src/components/widgets/groups/WidgetSection.vue
@@ -107,6 +107,10 @@
 			> .text-button {
 				flex-grow: 1;
 			}
+
+			> .radio-input button {
+				flex: 1 1 100%;
+			}
 		}
 	}
 }
diff --git a/frontend/src/components/widgets/inputs/RadioInput.vue b/frontend/src/components/widgets/inputs/RadioInput.vue
index fbef22e6..1e7ba3dd 100644
--- a/frontend/src/components/widgets/inputs/RadioInput.vue
+++ b/frontend/src/components/widgets/inputs/RadioInput.vue
@@ -26,6 +26,7 @@
 		border: none;
 		display: flex;
 		align-items: center;
+		justify-content: center;
 
 		&:hover {
 			background: var(--color-6-lowergray);