diff --git a/public/assets/css/base.css b/public/assets/css/base.css
index 4b37b1c325..631c7df0c3 100644
--- a/public/assets/css/base.css
+++ b/public/assets/css/base.css
@@ -109,6 +109,8 @@ a:focus {
 /* DEFAULTS */
 body,
 html {
+    display: flex;
+    flex-direction: column;
     height: 100%;
     width: auto;
     color: var(--white);
@@ -122,10 +124,10 @@ html {
 }
 
 #header {
+    order: 1;
     display: flex;
     justify-content: center;
     position: fixed;
-    pointer-events: none;
 
     width: 100%;
     height: calc(5 * var(--unit-size));
@@ -159,29 +161,32 @@ html {
 
 /* CONTAINS ALL ELEMENTS BESIDES HEADER */
 .container {
-    padding-top: calc(3 * var(--small-size) + var(--main-size));
+    order: 2;
     display: flex;
+    justify-content: space-evenly;
+
+    width: 100%;
+    max-height: calc(100% - (3 * var(--small-size) + var(--main-size)));
+    margin-top: auto;
 }
 
 /* THE FOCUSED (middle) DIV */
 .content {
     order: 2;
-    max-width: calc(100vw / 2);
-    margin-left: auto;
-    margin-right: auto;
+    display: flex;
+    flex-direction: column;
+    width: calc(3 * (100%/5));
+    padding: var(--small-size);
 }
 
 /* EVERY SIDE PANEL DETAIL ELEMENT */
 .panel {
     all: unset;
+    width: calc(1 * (100%/5));
 }
 
 .panel[open] {
-    width: calc((100vw / 4) - var(--small-size));
-    display: flex;
-    flex-direction: column;
-    padding: var(--small-size);
-    box-sizing: border-box;
+    height: 100%;
 }
 
 /*
diff --git a/public/assets/css/left/left.css b/public/assets/css/left/left.css
index 1361777a1e..35922b6bc3 100644
--- a/public/assets/css/left/left.css
+++ b/public/assets/css/left/left.css
@@ -17,17 +17,25 @@
     height: auto;
 }
 
+#right-container {
+    order: 1;
+}
+
 #left-container[open] > div {
     opacity: 100%;
 }
 
 #left-container[open] {
     order: 1;
+    width: calc(100vw / 4);
     border-right: solid 1px var(--bg2);
 }
 
-#left-panel {
+#left-container[open] > #left-panel {
     position: fixed;
     display: flex;
     flex-direction: column;
+
+    width: 100%;
+    padding: var(--small-size);
 }
\ No newline at end of file
diff --git a/public/assets/css/right/right.css b/public/assets/css/right/right.css
index 4be686b23d..24e9757ae9 100644
--- a/public/assets/css/right/right.css
+++ b/public/assets/css/right/right.css
@@ -12,8 +12,8 @@
     vertical-align: middle;
 }
 
-#right-container > div {
-    opacity: 0;
+#right-container {
+    order: 3;
 }
 
 #right-container[open] > div {
@@ -21,7 +21,7 @@
 }
 
 #right-container[open] {
-    order: 3;
+    width: calc(100vw / 4);
     border-left: solid 1px var(--bg2);
 }
 
@@ -29,4 +29,7 @@
     position: fixed;
     display: flex;
     flex-direction: column;
+
+    width: 100%;
+    padding: var(--small-size);
 }
\ No newline at end of file
diff --git a/public/assets/icons/attach.svg.twig b/public/assets/icons/attach.svg.twig
index 0cf4b6aedc..3e4bfcd21c 100644
--- a/public/assets/icons/attach.svg.twig
+++ b/public/assets/icons/attach.svg.twig
@@ -1,4 +1,3 @@
-<!-- Generated by IcoMoon.io -->
 <svg class="{{ iconClass|default('') }}" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
 <title>attach</title>
 <path d="M4.703 29.192c-3.652-3.768-3.584-9.844 0.087-13.599l13.11-13.41c2.77-2.833 7.272-2.833 10.042 0 2.743 2.806 2.746 7.333 0 10.142l-13.051 11.381c-2.048 1.659-4.032 1.617-5.243 0.067-1.048-1.407-1.181-3.381 0.454-5.377l8.775-9.424c1.421-1.318 3.019 0.439 1.965 1.644l-8.723 9.548c-0.833 0.91 0.286 2.144 1.163 1.34l11.8-11.976c1.226-1.254 1.226-3.295-0.001-4.55-1.199-1.227-3.122-1.227-4.322 0l-13.11 13.41c-2.303 2.326-1.592 5.802 0.391 7.61 3.605 3.643 7.555 0.332 12.211-3.69 0.386-0.395 5.076-4.978 7.183-6.899 0.901-0.618 1.824 0.244 1.201 1.554l-9.69 11.7c-3.892 4.233-10.565 4.322-14.242 0.528z"></path>
diff --git a/public/assets/icons/avatar.svg.twig b/public/assets/icons/avatar.svg.twig
index 6e65450877..4c6cddfec1 100644
--- a/public/assets/icons/avatar.svg.twig
+++ b/public/assets/icons/avatar.svg.twig
@@ -1,4 +1,3 @@
-<!-- Generated by IcoMoon.io -->
 <svg class="{{ iconClass|default('') }}" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
 <title>avatar</title>
 <path opacity="0.992" fill="#fff" d="M31.612 16.632c-0.347 8.622-7.618 15.329-16.241 14.98s-15.331-7.622-14.984-16.245c0.347-8.622 7.618-15.329 16.241-14.98s15.331 7.622 14.984 16.245z"></path>
diff --git a/public/assets/icons/heart.svg.twig b/public/assets/icons/heart.svg.twig
index ea0571c0c8..727ad722c5 100644
--- a/public/assets/icons/heart.svg.twig
+++ b/public/assets/icons/heart.svg.twig
@@ -1,4 +1,3 @@
-<!-- Generated by IcoMoon.io -->
 <svg class="{{ iconClass|default('') }}" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
 <title>heart</title>
 <path opacity="0.995434" fill="#000" d="M16.020 7.719c0 0 0-0.003 0-0.010s0-0.017 0.001-0.030c0.001-0.013 0.001-0.030 0.003-0.050s0.003-0.043 0.005-0.069c0.002-0.026 0.005-0.056 0.009-0.088s0.008-0.068 0.013-0.107c0.005-0.039 0.011-0.080 0.018-0.125s0.015-0.092 0.024-0.143c0.009-0.050 0.020-0.104 0.031-0.159s0.024-0.114 0.039-0.175c0.014-0.061 0.030-0.124 0.047-0.19s0.036-0.134 0.056-0.204c0.020-0.070 0.042-0.143 0.065-0.217s0.049-0.151 0.076-0.229c0.027-0.078 0.056-0.158 0.086-0.24s0.063-0.165 0.097-0.249c0.034-0.084 0.071-0.17 0.109-0.257s0.079-0.175 0.121-0.264c0.042-0.089 0.087-0.179 0.134-0.269s0.095-0.181 0.146-0.273c0.051-0.091 0.104-0.183 0.159-0.276s0.113-0.184 0.172-0.277c0.060-0.092 0.121-0.184 0.185-0.276s0.13-0.183 0.199-0.275c0.068-0.091 0.139-0.182 0.212-0.271s0.148-0.179 0.225-0.267c0.077-0.088 0.157-0.175 0.238-0.261s0.165-0.17 0.251-0.253c0.086-0.083 0.174-0.165 0.264-0.245s0.182-0.158 0.276-0.234c0.094-0.076 0.19-0.151 0.288-0.223s0.198-0.143 0.299-0.211c0.102-0.068 0.205-0.134 0.31-0.197s0.212-0.124 0.321-0.183c0.109-0.058 0.219-0.114 0.331-0.167s0.225-0.103 0.34-0.15c0.115-0.047 0.231-0.092 0.348-0.133s0.236-0.080 0.356-0.115 0.241-0.067 0.363-0.096c0.122-0.029 0.245-0.054 0.369-0.076s0.249-0.041 0.374-0.056c0.126-0.015 0.252-0.027 0.379-0.036s0.254-0.013 0.382-0.015c0.128-0.001 0.256 0.001 0.385 0.006s0.257 0.015 0.386 0.027c0.129 0.013 0.258 0.029 0.387 0.049s0.258 0.043 0.386 0.070c0.128 0.027 0.257 0.058 0.384 0.091s0.255 0.072 0.382 0.113c0.127 0.041 0.253 0.086 0.378 0.134s0.25 0.099 0.373 0.154c0.124 0.055 0.246 0.113 0.368 0.175s0.242 0.126 0.361 0.194 0.237 0.139 0.353 0.214c0.116 0.074 0.231 0.152 0.344 0.232s0.224 0.164 0.334 0.251 0.217 0.176 0.323 0.268c0.106 0.092 0.21 0.187 0.311 0.285s0.201 0.198 0.299 0.301c0.097 0.103 0.192 0.208 0.285 0.316s0.183 0.218 0.27 0.33c0.088 0.112 0.173 0.227 0.255 0.344s0.162 0.236 0.239 0.357c0.077 0.121 0.151 0.244 0.222 0.368s0.14 0.251 0.205 0.379c0.065 0.128 0.128 0.258 0.187 0.389s0.115 0.264 0.168 0.398c0.053 0.134 0.102 0.27 0.149 0.406s0.090 0.275 0.129 0.414c0.040 0.139 0.076 0.279 0.109 0.42s0.063 0.283 0.089 0.426c0.026 0.143 0.049 0.286 0.068 0.43s0.035 0.289 0.047 0.434c0.012 0.145 0.021 0.291 0.026 0.438s0.007 0.293 0.005 0.44c-0.002 0.147-0.007 0.294-0.016 0.442s-0.021 0.295-0.037 0.443c-0.016 0.148-0.035 0.296-0.058 0.444s-0.049 0.296-0.079 0.443c-0.030 0.148-0.063 0.295-0.099 0.443s-0.076 0.295-0.119 0.442c-0.043 0.147-0.090 0.294-0.139 0.44s-0.102 0.293-0.159 0.438c-0.056 0.146-0.115 0.291-0.177 0.436s-0.128 0.289-0.196 0.434-0.14 0.288-0.214 0.431c-0.074 0.143-0.151 0.286-0.231 0.428s-0.162 0.283-0.247 0.424c-0.085 0.141-0.173 0.281-0.263 0.421s-0.183 0.279-0.278 0.417c-0.095 0.139-0.192 0.276-0.292 0.414s-0.201 0.274-0.305 0.41-0.21 0.272-0.317 0.406c-0.108 0.135-0.217 0.269-0.329 0.403s-0.224 0.267-0.339 0.399c-0.115 0.132-0.231 0.264-0.349 0.396s-0.237 0.262-0.357 0.392c-0.12 0.13-0.242 0.26-0.364 0.389s-0.246 0.257-0.371 0.385-0.25 0.255-0.376 0.382c-0.126 0.127-0.253 0.253-0.38 0.379s-0.255 0.251-0.383 0.376-0.257 0.249-0.385 0.373-0.258 0.247-0.386 0.37c-0.129 0.123-0.258 0.245-0.386 0.367s-0.257 0.244-0.386 0.365c-0.128 0.121-0.256 0.242-0.384 0.362s-0.254 0.24-0.381 0.359c-0.126 0.119-0.252 0.238-0.377 0.357s-0.249 0.236-0.372 0.354c-0.123 0.118-0.245 0.235-0.366 0.351s-0.241 0.233-0.36 0.349c-0.119 0.116-0.236 0.231-0.352 0.346s-0.231 0.229-0.344 0.343c-0.113 0.114-0.225 0.227-0.335 0.34s-0.219 0.225-0.326 0.336-0.212 0.222-0.316 0.333c-0.103 0.11-0.205 0.22-0.305 0.329s-0.198 0.217-0.294 0.325c-0.096 0.108-0.19 0.214-0.282 0.32s-0.182 0.211-0.27 0.316-0.174 0.208-0.257 0.311c-0.084 0.103-0.165 0.204-0.245 0.305s-0.157 0.201-0.232 0.3c-0.075 0.099-0.148 0.197-0.219 0.293s-0.139 0.192-0.205 0.287-0.13 0.188-0.192 0.28c-0.062 0.092-0.121 0.183-0.179 0.272s-0.113 0.177-0.166 0.264c-0.053 0.087-0.104 0.172-0.153 0.255s-0.095 0.166-0.14 0.246-0.087 0.16-0.127 0.237c-0.040 0.077-0.079 0.153-0.115 0.227s-0.071 0.146-0.103 0.217c-0.032 0.070-0.063 0.139-0.092 0.206s-0.056 0.131-0.081 0.194c-0.025 0.063-0.049 0.124-0.070 0.183s-0.042 0.116-0.061 0.17c-0.019 0.055-0.036 0.107-0.051 0.158s-0.030 0.099-0.043 0.145-0.024 0.090-0.035 0.131c-0.010 0.041-0.020 0.081-0.028 0.117s-0.015 0.071-0.021 0.104c-0.006 0.032-0.011 0.062-0.016 0.089s-0.008 0.052-0.011 0.075c-0.003 0.023-0.005 0.043-0.007 0.060s-0.003 0.033-0.004 0.045c-0.001 0.013-0.001 0.023-0.002 0.030s-0 0.013-0 0.015 0 0.003 0 0-0-0.008-0-0.015-0.001-0.018-0.002-0.030c-0.001-0.013-0.002-0.028-0.004-0.045s-0.004-0.037-0.007-0.060c-0.003-0.022-0.007-0.047-0.011-0.075s-0.010-0.057-0.016-0.089c-0.006-0.032-0.013-0.067-0.021-0.104s-0.017-0.076-0.028-0.117c-0.010-0.041-0.022-0.085-0.035-0.131s-0.027-0.094-0.043-0.145c-0.016-0.050-0.033-0.103-0.051-0.158s-0.039-0.111-0.061-0.17c-0.022-0.059-0.045-0.12-0.070-0.183s-0.052-0.128-0.081-0.194c-0.029-0.067-0.059-0.135-0.092-0.206s-0.067-0.143-0.103-0.217c-0.036-0.074-0.075-0.15-0.115-0.227s-0.083-0.156-0.127-0.237-0.091-0.163-0.14-0.246c-0.049-0.084-0.1-0.169-0.153-0.255s-0.108-0.175-0.166-0.264c-0.057-0.089-0.117-0.18-0.179-0.272s-0.126-0.185-0.192-0.28c-0.066-0.094-0.135-0.19-0.205-0.287s-0.144-0.195-0.219-0.293c-0.075-0.099-0.152-0.199-0.232-0.3s-0.161-0.203-0.245-0.305-0.169-0.206-0.257-0.311c-0.088-0.104-0.178-0.21-0.27-0.316s-0.186-0.213-0.282-0.32-0.194-0.216-0.294-0.325c-0.1-0.109-0.201-0.219-0.305-0.329s-0.209-0.221-0.316-0.333c-0.107-0.111-0.216-0.224-0.326-0.336s-0.222-0.226-0.335-0.34c-0.113-0.114-0.228-0.228-0.344-0.343s-0.234-0.23-0.352-0.346c-0.119-0.116-0.239-0.232-0.36-0.349s-0.243-0.234-0.366-0.351-0.247-0.236-0.372-0.354c-0.125-0.118-0.25-0.237-0.377-0.357s-0.253-0.239-0.381-0.359c-0.127-0.12-0.255-0.241-0.383-0.362s-0.257-0.243-0.386-0.365c-0.129-0.122-0.258-0.244-0.386-0.367s-0.258-0.246-0.386-0.37c-0.129-0.124-0.257-0.248-0.385-0.373s-0.256-0.25-0.383-0.376c-0.127-0.126-0.254-0.252-0.38-0.379s-0.251-0.254-0.376-0.382c-0.124-0.128-0.248-0.256-0.371-0.385s-0.244-0.259-0.364-0.389c-0.12-0.13-0.239-0.261-0.357-0.392s-0.234-0.263-0.349-0.396c-0.115-0.132-0.228-0.266-0.339-0.399s-0.221-0.268-0.329-0.403c-0.108-0.135-0.214-0.27-0.317-0.406s-0.206-0.273-0.305-0.41c-0.1-0.137-0.197-0.275-0.292-0.414s-0.188-0.278-0.278-0.417c-0.090-0.14-0.178-0.28-0.263-0.421s-0.167-0.282-0.247-0.424c-0.080-0.142-0.157-0.284-0.231-0.428s-0.145-0.287-0.214-0.431c-0.068-0.144-0.134-0.289-0.196-0.434s-0.122-0.29-0.177-0.436c-0.056-0.146-0.109-0.292-0.159-0.438s-0.096-0.293-0.139-0.44c-0.043-0.147-0.083-0.294-0.119-0.442s-0.069-0.295-0.099-0.443-0.056-0.296-0.079-0.443c-0.023-0.148-0.042-0.296-0.058-0.444s-0.028-0.296-0.037-0.443c-0.009-0.148-0.014-0.295-0.016-0.442s0-0.294 0.005-0.44 0.014-0.292 0.026-0.438c0.012-0.145 0.028-0.29 0.047-0.434s0.042-0.288 0.068-0.43 0.056-0.285 0.089-0.426c0.033-0.141 0.069-0.281 0.109-0.42s0.083-0.277 0.129-0.414 0.096-0.272 0.149-0.406c0.053-0.134 0.109-0.267 0.168-0.398s0.121-0.261 0.187-0.389c0.065-0.128 0.134-0.255 0.205-0.379s0.145-0.247 0.222-0.368c0.077-0.121 0.157-0.24 0.239-0.357s0.168-0.231 0.255-0.344c0.088-0.112 0.178-0.223 0.27-0.33s0.188-0.213 0.285-0.316 0.197-0.203 0.299-0.301c0.102-0.098 0.206-0.193 0.311-0.285s0.214-0.182 0.323-0.268 0.221-0.17 0.334-0.251c0.113-0.081 0.228-0.158 0.344-0.232s0.234-0.146 0.353-0.214 0.239-0.133 0.361-0.194c0.121-0.062 0.244-0.12 0.368-0.175s0.248-0.106 0.373-0.154c0.125-0.048 0.251-0.093 0.378-0.134s0.254-0.079 0.382-0.113c0.128-0.034 0.256-0.065 0.384-0.091s0.257-0.050 0.386-0.070c0.129-0.020 0.258-0.036 0.387-0.049s0.258-0.022 0.386-0.027c0.129-0.006 0.257-0.008 0.385-0.006s0.255 0.007 0.382 0.015 0.253 0.021 0.379 0.036c0.126 0.015 0.25 0.034 0.374 0.056s0.247 0.048 0.369 0.076c0.122 0.029 0.243 0.061 0.363 0.096s0.239 0.074 0.356 0.115c0.117 0.041 0.234 0.086 0.348 0.133s0.228 0.098 0.34 0.15c0.112 0.053 0.222 0.109 0.331 0.167s0.216 0.119 0.321 0.183c0.105 0.063 0.209 0.129 0.31 0.197s0.201 0.138 0.299 0.211c0.098 0.072 0.194 0.147 0.288 0.223s0.186 0.155 0.276 0.234 0.178 0.161 0.264 0.245c0.086 0.083 0.169 0.167 0.251 0.253s0.161 0.173 0.238 0.261 0.152 0.177 0.225 0.267c0.073 0.090 0.144 0.18 0.212 0.271s0.135 0.183 0.199 0.275c0.064 0.092 0.126 0.184 0.185 0.276s0.117 0.185 0.172 0.277c0.055 0.092 0.108 0.184 0.159 0.276s0.1 0.183 0.146 0.273c0.047 0.090 0.091 0.18 0.134 0.269s0.083 0.177 0.121 0.264c0.038 0.087 0.075 0.173 0.109 0.257s0.067 0.167 0.097 0.249c0.031 0.081 0.059 0.161 0.086 0.24s0.052 0.155 0.076 0.229c0.023 0.074 0.045 0.147 0.065 0.217s0.039 0.138 0.056 0.204c0.017 0.066 0.033 0.129 0.047 0.19s0.027 0.119 0.039 0.175c0.012 0.056 0.022 0.109 0.031 0.159s0.017 0.098 0.024 0.143c0.007 0.045 0.013 0.086 0.018 0.125s0.010 0.074 0.013 0.107c0.004 0.033 0.007 0.062 0.009 0.088s0.004 0.049 0.005 0.069c0.001 0.020 0.002 0.036 0.003 0.050s0.001 0.023 0.001 0.030c0 0.007 0 0.010 0 0.010z"></path>
diff --git a/public/assets/icons/logo.svg.twig b/public/assets/icons/logo.svg.twig
index 2507072608..91874001b1 100644
--- a/public/assets/icons/logo.svg.twig
+++ b/public/assets/icons/logo.svg.twig
@@ -1,5 +1,4 @@
-<!-- Generated by IcoMoon.io -->
 <svg class="{{ iconClass|default('') }}" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
-<title>logo</title>
+<title>{{ config('site', 'name') }}</title>
 <path d="M14.225 29.263c1.48-0.748 2.909-2.155 3.451-3.398 0.827-1.893 1.068-1.818-5.781-1.818-6.744 0-7.349-0.115-8.593-1.628-0.61-0.742-0.633-1.086-0.633-9.456 0-8.422 0.020-8.713 0.651-9.562 1.2-1.613 1.699-1.679 12.7-1.679 11.005 0 11.456 0.062 12.71 1.748 0.566 0.761 0.6 1.3 0.6 9.493 0 8.37-0.023 8.715-0.633 9.456-0.909 1.105-2.149 1.628-3.864 1.628-1.331 0-1.517 0.078-1.681 0.703-0.249 0.95-1.56 2.395-2.912 3.212-1.363 0.823-4.873 1.889-6.166 1.871l-0.953-0.013zM19.7 20.572c1.193-0.547 2.345-2.309 2.627-4.017 0.135-0.818 0.175-1.554 0.090-1.636-0.308-0.294-5.508-0.153-5.508 0.15 0 0.165-0.186 1.211 0.050 1.752 0.31 0.711 1.031 0.333 1.608 0.408 0.496 0.065 0.767 0.336 0.352 0.875-0.364 0.472-0.79 0.578-2.292 0.57-1.599-0.009-2.145-0.173-2.784-0.735-0.708-0.623-0.728-1.11-0.826-3.188-0.133-2.808 0.201-3.318 2.359-3.602 1.79-0.236 3.638 0.109 4.14 1.164 0.299 0.628 0.194 0.74 1.31 0.74 1.54 0 1.643-0.426 1.047-1.992-0.385-1.013-0.726-0.77-0.284-1.661 0.764-1.541 0.606-2.617-0.564-3.839-1.151-1.202-1.664-1.118-1.102 0.18 0.202 0.466 0.322 1.221 0.268 1.676-0.077 0.645-0.273 0.848-0.882 0.916-0.436 0.049-0.956-0.112-1.173-0.362-0.449-0.518-1.263-0.587-1.724-0.146-0.221 0.212-0.56 0.198-1.12-0.046-0.676-0.295-0.894-0.27-1.384 0.154-0.32 0.277-0.9 0.461-1.289 0.408-0.624-0.085-0.705-0.249-0.69-1.4 0.009-0.718 0.126-1.533 0.26-1.812 0.413-0.864-0.597-0.598-1.462 0.385-0.91 1.034-1.070 2.938-0.332 3.946 0.407 0.556 0.083 0.645-0.145 1.877-1.099 5.937 0.040 8.144 3.019 9.304 1.949 0.759 4.694 0.73 6.434-0.068z"></path>
 </svg>
diff --git a/public/assets/icons/menu.svg.twig b/public/assets/icons/menu.svg.twig
index f47d8eb29b..e3ec3f652a 100644
--- a/public/assets/icons/menu.svg.twig
+++ b/public/assets/icons/menu.svg.twig
@@ -1,4 +1,3 @@
-<!-- Generated by IcoMoon.io -->
 <svg class="{{ iconClass|default('') }}" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
 <title>menu</title>
 <path d="M2.222 12.6h27.497c1.219 0 2.208 0.988 2.208 2.208v1.263c0 1.219-0.988 2.208-2.208 2.208h-27.497c-1.219 0-2.208-0.988-2.208-2.208v-1.263c0-1.219 0.988-2.208 2.208-2.208z"></path>
diff --git a/public/assets/icons/notes.svg.twig b/public/assets/icons/notes.svg.twig
new file mode 100644
index 0000000000..eb5c60cb55
--- /dev/null
+++ b/public/assets/icons/notes.svg.twig
@@ -0,0 +1,6 @@
+<!-- https://github.com/primer/octicons -->
+<!-- MIT License -->
+<svg class="{{ iconClass|default('') }}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+    <title>Create a note</title>
+    <path fill-rule="evenodd" d="M1.75 1A1.75 1.75 0 000 2.75v9.5C0 13.216.784 14 1.75 14H3v1.543a1.457 1.457 0 002.487 1.03L8.061 14h6.189A1.75 1.75 0 0016 12.25v-9.5A1.75 1.75 0 0014.25 1H1.75zM1.5 2.75a.25.25 0 01.25-.25h12.5a.25.25 0 01.25.25v9.5a.25.25 0 01-.25.25h-6.5a.75.75 0 00-.53.22L4.5 15.44v-2.19a.75.75 0 00-.75-.75h-2a.25.25 0 01-.25-.25v-9.5z"></path><path d="M22.5 8.75a.25.25 0 00-.25-.25h-3.5a.75.75 0 010-1.5h3.5c.966 0 1.75.784 1.75 1.75v9.5A1.75 1.75 0 0122.25 20H21v1.543a1.457 1.457 0 01-2.487 1.03L15.939 20H10.75A1.75 1.75 0 019 18.25v-1.465a.75.75 0 011.5 0v1.465c0 .138.112.25.25.25h5.5a.75.75 0 01.53.22l2.72 2.72v-2.19a.75.75 0 01.75-.75h2a.25.25 0 00.25-.25v-9.5z"></path>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/person.svg.twig b/public/assets/icons/person.svg.twig
new file mode 100644
index 0000000000..58a1f17d4b
--- /dev/null
+++ b/public/assets/icons/person.svg.twig
@@ -0,0 +1,6 @@
+<!-- https://github.com/primer/octicons -->
+<!-- MIT License -->
+<svg class="{{ iconClass|default('') }}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
+    <title>Profile</title>
+    <path fill-rule="evenodd" d="M12 2.5a5.5 5.5 0 00-3.096 10.047 9.005 9.005 0 00-5.9 8.18.75.75 0 001.5.045 7.5 7.5 0 0114.993 0 .75.75 0 101.499-.044 9.005 9.005 0 00-5.9-8.181A5.5 5.5 0 0012 2.5zM8 8a4 4 0 118 0 4 4 0 01-8 0z"></path>
+</svg>
\ No newline at end of file
diff --git a/public/assets/icons/repeat.svg.twig b/public/assets/icons/repeat.svg.twig
index c16b283a10..94d1a7acfc 100644
--- a/public/assets/icons/repeat.svg.twig
+++ b/public/assets/icons/repeat.svg.twig
@@ -1,4 +1,3 @@
-<!-- Generated by IcoMoon.io -->
 <svg class="{{ iconClass|default('') }}" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
 <title>repeat</title>
 <path d="M16.93 22.627c0.914-0.547 1.931-0.247 2.325 0.762l0.544 1.697 6.041 0.087c1.566 0.034 2.565-1.676 1.765-3.022l-1.661-2.793c-0.212-0.356-0.868-1.092-0.094-1.553l2.149-1.278c0.74-0.44 1.172 0.43 1.383 0.786l1.658 2.787c2.407 4.047-0.585 9.169-5.289 9.066l-6.075 0.337-0.691 1.568c-0.455 0.764-1.106 1.047-2.245 0.51l-4.627-3.773c-0.382-0.399-0.382-1.349 0.017-1.73z"></path>
diff --git a/public/assets/icons/reply.svg.twig b/public/assets/icons/reply.svg.twig
index 462239b9a7..66c2a3ed89 100644
--- a/public/assets/icons/reply.svg.twig
+++ b/public/assets/icons/reply.svg.twig
@@ -1,4 +1,3 @@
-<!-- Generated by IcoMoon.io -->
 <svg class="{{ iconClass|default('') }}" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
 <title>reply</title>
 <path d="M0.958 15.559l5.203-10.197c0.499-1.17 1.745-3.012 3.015-0.799l0.933 1.625c10.329-3.208 17.723 1.178 19.613 6.884 1.208 3.645 0.922 8.871-1.711 13.899-0.663 0.954-1.522 0.315-1.375-0.532 3.126-11.733-6.743-17.108-11.882-10.468l0.81 1.99c0.518 1.271-0.64 1.541-2.779 1.161l-10.828-1.524c-0.884-0.232-1.358-1.197-0.999-2.039z"></path>
diff --git a/public/assets/icons/search.svg.twig b/public/assets/icons/search.svg.twig
index ddc037d4e7..94ce89d6c0 100644
--- a/public/assets/icons/search.svg.twig
+++ b/public/assets/icons/search.svg.twig
@@ -1,4 +1,3 @@
-<!-- Generated by IcoMoon.io -->
 <svg class="{{ iconClass|default('') }}" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
 <title>search</title>
 <path d="M11.421 0.625c-5.74 0-10.394 4.653-10.394 10.394v0c0 5.74 4.653 10.394 10.394 10.394v0c2.434-0 4.673-0.837 6.445-2.239l-0.022 0.017 0.716 0.73c-0.311 0.579-0.224 1.321 0.256 1.808l9.021 9.14c0.576 0.584 1.492 0.573 2.055-0.023l0.651-0.69c0.562-0.596 0.552-1.546-0.024-2.13l-9.021-9.14c-0.471-0.477-1.17-0.557-1.716-0.244l-0.645-0.658c1.661-1.835 2.678-4.281 2.678-6.964v0c0-5.74-4.653-10.394-10.394-10.394v0zM11.421 3.932c0 0 0 0 0 0 3.914 0 7.086 3.173 7.086 7.086v0c-0 3.914-3.173 7.086-7.086 7.086-0 0-0 0-0 0v0c-3.914-0-7.086-3.173-7.086-7.086v0c0-3.914 3.173-7.086 7.086-7.086v0z"></path>
diff --git a/templates/base.html.twig b/templates/base.html.twig
index 641298fa1b..eeeddbdfae 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -42,31 +42,20 @@
     <div class="container">
         <details class="panel" id="left-container">
             <summary>
-                {{ icon('menu', 'icon icon-left') | raw }}
-                <div class="panel-desktop">
-                    {{ block("leftpanel", "stdgrid.html.twig") }}
-                </div>
+                {{ icon('person', 'icon icon-left') | raw }}
             </summary>
-            <div class="panel-mobile">
-                {{ block("leftpanel", "stdgrid.html.twig") }}
-            </div>
+            {{ block("leftpanel", "stdgrid.html.twig") }}
         </details>
 
-
         {% block nav %}{% endblock %}
         {% block body %}{% endblock %}
         {% block javascripts %}{% endblock javascripts %}
 
         <details class="panel" id="right-container">
             <summary>
-                {{ icon('drop', 'icon icon-right') | raw }}
-                <div class="panel-desktop">
-                    {{ block("rightpanel", "stdgrid.html.twig") }}
-                </div>
+                {{ icon('notes', 'icon icon-right') | raw }}
             </summary>
-            <div class="panel-mobile">
-                {{ block("rightpanel", "stdgrid.html.twig") }}
-            </div>
+            {{ block("rightpanel", "stdgrid.html.twig") }}
         </details>
     </div>
 
diff --git a/templates/sidepanel/right/right.html.twig b/templates/sidepanel/right/right.html.twig
index b814e5da52..a70be2fab5 100644
--- a/templates/sidepanel/right/right.html.twig
+++ b/templates/sidepanel/right/right.html.twig
@@ -1,9 +1,7 @@
 <div id='right-panel'>
 
     {% if post_form is defined %}
-        {{ post_form }}
-
-        {#{{ form_start(post_form) }}
+        {{ form_start(post_form) }}
         <div class="create-notice">
             <div class="target">
                 <div class="target-top">
@@ -42,7 +40,8 @@
                 </div>
             </div>
         </div>
-        {{ form_end(post_form) }}#}
+        {{ form_end(post_form) }}
+
     {% endif %}
 
     {% set current_path = app.request.get('_route') %}