From 3c9cd0843299117bdff219b56cd332801f69846a Mon Sep 17 00:00:00 2001
From: Eivind Dalholt <eivind.dalholt@gmail.com>
Date: Mon, 25 Sep 2023 15:55:04 +0200
Subject: [PATCH] style: improve labels (#199)

---
 frontend/src/components/VotationBox.tsx   | 9 ++++++++-
 frontend/src/components/VotationPanel.tsx | 6 ++++--
 frontend/src/pages/AssemblyPage.tsx       | 7 ++++++-
 3 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/VotationBox.tsx b/frontend/src/components/VotationBox.tsx
index a15ac96..2283a20 100644
--- a/frontend/src/components/VotationBox.tsx
+++ b/frontend/src/components/VotationBox.tsx
@@ -77,9 +77,16 @@ export function VotationBox(state: {
         <Text fz={"lg"} fw={700} ta={"left"}>
           {currentVotation.title}
         </Text>
-        <Text fz={"md"} mb={25} ml={10} ta={"left"}>
+        <Text fz={"md"} mb={10} ta={"left"}>
           {currentVotation.voteText}
         </Text>
+        {currentVotation.maximumOptions > 1 && (
+          <>
+            <Text fz={"md"} mb={10} ta={"left"}>
+              You can choose up to {currentVotation.maximumOptions} options
+            </Text>
+          </>
+        )}
         <Flex
           mih={50}
           gap="xs"
diff --git a/frontend/src/components/VotationPanel.tsx b/frontend/src/components/VotationPanel.tsx
index 677bdf8..3b3e01e 100644
--- a/frontend/src/components/VotationPanel.tsx
+++ b/frontend/src/components/VotationPanel.tsx
@@ -233,9 +233,9 @@ function VotationPanel({
               data-testid="maxOptionsInput"
               withAsterisk
               required
-              label="Max allowd options to choose"
+              label="Maximum selectable options"
               className={classes.inputStyle}
-              placeholder="Max allowd options to choose"
+              placeholder="Maximum selectable options"
               defaultValue={1}
               {...form.getInputProps("maximumOptions")}
             />
@@ -270,6 +270,8 @@ function VotationPanel({
                     : option.title + ""
                 )}
               </Text>
+              <Text fw={"700"}>Maximum selectable options:</Text>
+              <Text>{votation.maximumOptions}</Text>
             </Box>
           </Flex>
           <Flex
diff --git a/frontend/src/pages/AssemblyPage.tsx b/frontend/src/pages/AssemblyPage.tsx
index d50abe8..588c704 100644
--- a/frontend/src/pages/AssemblyPage.tsx
+++ b/frontend/src/pages/AssemblyPage.tsx
@@ -148,7 +148,12 @@ export function AssemblyLobby() {
         <WaitingRoom message={"There are currently no active vote, look up!"} />
       ) : (
         <>
-          {groupName && <Text size={"xl"}>Check-in for {groupName}</Text>}
+          {groupName && <Text size={"xl"}>Check-in</Text>}
+          {groupName && (
+            <Text size={"sm"} mb={10}>
+              Please present this QR-code to the secretary when entering.
+            </Text>
+          )}
           <QrCode />
         </>
       )}