Improved the style of select elements (now also works on WebKit browsers)

LICENSE.md

@@ -155,7 +155,7 @@ OTHER DEALINGS IN THE FONT SOFTWARE.
 
 Source: https://github.com/google/material-design-icons  
 Files:
-- `./app/static/menu-icon.svg`
+- `./app/static/material-icons/*`
 - `./data/profilepictures/default.svg`
 
 ```

app/static/css/main.css

@@ -79,7 +79,15 @@ input[type="text"], input[type="password"], input[type="number"], select {
 }
 
 select {
+    appearance: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
     height: 2.5rem;
+    background-image: url("/static/material-icons/arrow-drop-down.svg");
+    background-repeat: no-repeat;
+    background-position: right;
+    background-size: 1.5rem;
+    padding-right: 1.8rem;
 }
 
 table {

app/static/material-icons/arrow-drop-down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" height="48" viewBox="0 96 960 960" width="48"><path d="M480 696 280 497h400L480 696Z"/></svg>

app/templates/userpanel.html

@@ -18,7 +18,7 @@
         <a class="button" href="/deposit">{% translate "Deposit" %}</a>
         <a class="button" href="/accounts/logout">{% translate "Logout" %}</a>
         <div class="dropdownmenu" id="dropdownmenu">
-            <button class="dropdownbutton" id="dropdownmenu-button"><img src="/static/menu-icon.svg"></button>
+            <button class="dropdownbutton" id="dropdownmenu-button"><img src="/static/material-icons/menu.svg"></button>
             <div class="dropdownlist">
                 <a class="button dropdownchoice" href="/history">{% translate "History" %}</a>
                 <a class="button dropdownchoice" href="/statistics">{% translate "Statistics" %}</a>