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

@@ -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">

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;