[UI] Icon assets now work with Symfony asset component, header icon placement fixes

public/assets/css/faq/base.css

@@ -0,0 +1,132 @@
+/* GENERAL ----------------------------*/
+      body, html
+      {
+            background-image: linear-gradient(to right bottom, #485563, #404c59, #38434f, #313a45, #29323c);
+            height: 100%;
+            background-position: center;
+            background-repeat: no-repeat;
+            background-size: cover;
+            color: #F6F6F6;
+            font-family: 'Open Sans', sans-serif;
+      }
+
+      ul
+      {
+            text-decoration: none;
+            margin: 0;
+            padding: 0;
+            list-style: none;
+      }
+
+      .drop-down ul li
+      {
+            position: relative;
+      }
+
+      .drop-down ul li ul a
+      {
+            line-height: 1.8em;
+      }
+
+      .drop-down ul li ul
+      {
+            display: none;
+            position: absolute;
+            background-color: rgba(0, 0, 0, 0.20);
+            padding: 0.8em 1.5em 1.5em 0.8em;
+            border-radius: 4px;
+      }
+
+      .drop-down ul li:hover ul
+      {
+            display: block;
+      }
+
+      .drop-down ul li ul a:hover
+      {
+            opacity: 0.6;
+            transition: all 0.5s ease;
+      }
+
+      #hover-effect:hover
+      {
+            opacity: 0.6;
+            transition: all 0.5s ease;
+      }
+
+      a:link
+      {
+            text-decoration: none;
+            outline: 0;
+            color: #F6F6F6;
+      }
+      a:visited
+      {
+            outline: 0;
+            color: #F6F6F6;
+      }
+/*-------------------------------------*/
+
+/* HEADER -----------------------------*/
+      #header
+      {
+            margin-top: 2em;
+            margin-left: 20%;
+            margin-right: 20%;
+            display: flex;
+            justify-content: space-between;
+      }
+
+      .flex-items
+      {
+            margin: 2em;
+      }
+
+      /* MENU -------------------------------*/
+            #menu
+            {
+                  order: 1;
+            }
+
+            #menu-png
+            {
+                  height: 2em;
+            }
+      /*-------------------------------------*/
+
+      /* INSTANCE ---------------------------*/
+            #instance
+            {
+                  order: 2;
+            }
+
+            #align-mid
+            {
+                  
+            }
+
+            #logo
+            {
+                  height: 2em;
+            }
+
+            #down-arrow
+            {
+                  height: 1em;
+            }
+      /*-------------------------------------*/
+
+      /* SEARCH -----------------------------*/
+            #search
+            {
+                  order: 3;
+            }
+
+            #search-png
+            {
+                  height: 2em;
+            }
+      /*-------------------------------------*/
+
+/*-------------------------------------*/
+

templates/faq/home.html.twig

@@ -1 +1 @@
-{% extends "base.html.twig" %}
+{% extends 'faq/base.html.twig' %}