From fc238ab474e0c300c8a03c70c45994278fe52ca0 Mon Sep 17 00:00:00 2001
From: Sarah Vaupel <>
Date: Sat, 24 Oct 2020 17:32:47 +0200
Subject: [PATCH] style(schedule): implement option button style

---
 frontend/src/app.sass | 27 +++++++++++++++++++--------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/frontend/src/app.sass b/frontend/src/app.sass
index 4057539fe..842b5fef1 100644
--- a/frontend/src/app.sass
+++ b/frontend/src/app.sass
@@ -1417,11 +1417,22 @@ table.schedule
   a.schedule--entry-link + a.schedule--entry-link > .schedule--entry
     margin-top: 5px
 
-// form.schedule-options
-  text-align: center
-  div:first-child
-    border-top-left-radius: 20px 50%
-    border-bottom-left-radius: 20px 50%
-  div:last-child .btn-schedule-offset
-      border-top-right-radius: 20px 50%
-      border-bottom-right-radius: 20px 50%
+form.schedule-options
+  --schedule-option-radius: 20px 50%
+
+  display: flex
+  justify-content: center
+
+  button[name=schedule-options]
+    height: 45px
+
+  white-space: nowrap
+
+  & > div:first-of-type
+    button[name=schedule-options]
+      border-top-left-radius: var(--schedule-option-radius)
+      border-bottom-left-radius: var(--schedule-option-radius)
+  & > div:last-of-type
+    button[name=schedule-options]
+      border-top-right-radius: var(--schedule-option-radius)
+      border-bottom-right-radius: var(--schedule-option-radius)