From 041e5e0acc7baa91f9ebc16a9d800e3a622be6f3 Mon Sep 17 00:00:00 2001
From: Wolvan <wolvan1@gmail.com>
Date: Sat, 1 Jan 2022 13:54:30 +0100
Subject: [PATCH] Optimize for small screens

A sensible min width is sit to avoid cutting off anything and text is
shortened to be suitable for small screen sizes without getting line-
wrapped.
---
 frontend/html/index.html     | 2 +-
 frontend/static/css/main.css | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/html/index.html b/frontend/html/index.html
index a4958c3..c574b01 100644
--- a/frontend/html/index.html
+++ b/frontend/html/index.html
@@ -33,7 +33,7 @@
                     <br>
                     <label>
                         <input type="checkbox" name="multi-select" {{ FORM_MULTI_SELECT }} id="multiple">
-                        <span>Allow multiple answers to be selected</span>
+                        <span>Multiple Choice</span>
                     </label>
                     <br>
                     <input type="submit" name="submit" value="Create poll"  id="create-poll">
diff --git a/frontend/static/css/main.css b/frontend/static/css/main.css
index 953470e..32628c0 100644
--- a/frontend/static/css/main.css
+++ b/frontend/static/css/main.css
@@ -46,6 +46,7 @@ main .notepad {
     position: relative;
     top: 60px;
     width: 40%;
+    min-width: 320px;
     background-color: #ffd756;
     margin-left: auto;
     margin-right: auto;