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.
This commit is contained in:
Wolvan 2022-01-01 13:54:30 +01:00
parent 3287260962
commit 041e5e0acc
2 changed files with 2 additions and 1 deletions

View file

@ -33,7 +33,7 @@
<br> <br>
<label> <label>
<input type="checkbox" name="multi-select" {{ FORM_MULTI_SELECT }} id="multiple"> <input type="checkbox" name="multi-select" {{ FORM_MULTI_SELECT }} id="multiple">
<span>Allow multiple answers to be selected</span> <span>Multiple Choice</span>
</label> </label>
<br> <br>
<input type="submit" name="submit" value="Create poll" id="create-poll"> <input type="submit" name="submit" value="Create poll" id="create-poll">

View file

@ -46,6 +46,7 @@ main .notepad {
position: relative; position: relative;
top: 60px; top: 60px;
width: 40%; width: 40%;
min-width: 320px;
background-color: #ffd756; background-color: #ffd756;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;