Panel - Add Chevron icons to accordions

src/pineapple/css/main.css

@@ -184,6 +184,10 @@ body {
     }
 }
 
+.nav > li > a {
+    padding: 13px 15px;
+}
+
 .navbar-header {
     width: 100%;
 }
@@ -270,8 +274,19 @@ body {
 }
 
 .brand-text::after {
-    content: "WiFi Pineapple";
+    content: 'WiFi Pineapple';
     padding-top: 3px;
     padding-left: 5px;
     float: right;
 }
+
+#accordion .panel-heading .panel-title:after {
+    content: url('/img/chevron_up.svg');
+    width: 20px;
+    float: right;
+    color: grey;
+}
+
+#accordion .panel-heading.collapsed .panel-title:after {
+    content: url('/img/chevron_down.svg');
+}

src/pineapple/img/chevron_down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -256 1792 1792"  xmlns:v="https://vecta.io/nano"><path d="M1679.339 301.559q0 53-37 90l-651 651q-38 38-91 38-54 0-90-38l-651-651q-38-36-38-90 0-53 38-91l74-75q39-37 91-37 53 0 90 37l486 486 486-486q37-37 90-37 52 0 91 37l75 75q37 39 37 91z"/></svg>

src/pineapple/img/chevron_up.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -256 1792 1792"  xmlns:v="https://vecta.io/nano"><path d="M1679.339 897.085q0 53-37 90l-75 75q-38 38-91 38-54 0-90-38l-486-485-486 485q-36 38-90 38-54 0-90-38l-75-75q-38-36-38-90 0-53 38-91l651-651q37-37 90-37 52 0 91 37l650 651q38 38 38 91z"/></svg>