style: improve labels (#199)

NTNUI · Sep 25, 2023 · 3c9cd08 · 3c9cd08
1 parent 8d5dd77
commit 3c9cd08
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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 />
         </>
       )}