diff --git a/bookface/bookface.css b/bookface/bookface.css
index 54aabbc..2b7e4ce 100644
--- a/bookface/bookface.css
+++ b/bookface/bookface.css
@@ -21,10 +21,10 @@
 }
 
 body {
-  background-color: #f2f4f7 !important;
-  font-size: 15px !important;
-  padding-top: 125px !important;
-  font-family: var(--global-font-family);
+    background-color: #f2f4f7 !important;
+    font-size: 15px !important;
+    padding-top: 125px !important;
+    font-family: var(--global-font-family);
 }
 
 #topbar-first .nav > li > a, #topbar-first .nav > li > button, nav.navbar .nav > li > a, nav.navbar .nav > li > button {
@@ -38,16 +38,21 @@ body {
     color: #65686c !important;
 }
 
+#topbar-first .topbar-nav .dropdown-menu {
+    width: 350px;
+    margin-left: -300px;
+}
+
 #topbar-first .topbar-nav .nav-segment {
     margin-right: 10px;
 }
 
 #topbar-first #nav-notifications-menu li.notif-entry .media-object a img {
-  max-height: 400px;
-  border-radius: 10px;
-  height: 45px;
-  width: 45px;
-  border-radius: 50px;
+    max-height: 400px;
+    border-radius: 10px;
+    height: 45px;
+    width: 45px;
+    border-radius: 50px;
 }
 
 #topbar-first .nav > li > a:hover:not(.selected),
@@ -75,12 +80,12 @@ nav.navbar .nav > li > button:focus {
 }
 
 .topbar {
-  position: fixed;
-  display: block;
-  height: 50px;
-  width: 100%;
-  padding-left: 15px;
-  padding-right: 15px;
+    position: fixed;
+    display: block;
+    height: 50px;
+    width: 100%;
+    padding-left: 15px;
+    padding-right: 15px;
 }
 
 ul.tabs li {
@@ -107,9 +112,9 @@ header #banner {
 }
 
 header #banner #logo-img, .navbar-brand #logo-img {
-  background-color: #0866FF !important;
-  height: 38px !important;
-  width: 38px !important;
+    background-color: #0866FF !important;
+    height: 38px !important;
+    width: 38px !important;
 }
 
 .topbar ul.nav {
@@ -150,34 +155,34 @@ header #banner #logo-img, .navbar-brand #logo-img {
 }
 
 .form-control {
-  border-radius: 10px;
-  resize: vertical;
+    border-radius: 10px;
+    resize: vertical;
 }
 
 .media-list > li {
-  font-size: 15px;
+    font-size: 15px;
 }
 
 .pagination .pager_next a, .pagination .pager_prev a {
-  border-top-left-radius: 10px;
-  border-bottom-left-radius: 10px;
-  border-top-right-radius: 10px;
-  border-bottom-right-radius: 10px;
+    border-top-left-radius: 10px;
+    border-bottom-left-radius: 10px;
+    border-top-right-radius: 10px;
+    border-bottom-right-radius: 10px;
 }
 
 .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
-  background-color: #0866ff;
-  border-color: #0866ff;
-  border-radius: 10px;
+    background-color: #0866ff;
+    border-color: #0866ff;
+    border-radius: 10px;
 }
 
 .pagination li.pager_n a {
-  border-radius: 10px;
+    border-radius: 10px;
 }
 
 .pagination-sm > li:first-child > a, .pagination-sm > li:first-child, .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
-  border-bottom-left-radius: 10px;
-  border-bottom-right-radius: 10px;
+    border-bottom-left-radius: 10px;
+    border-bottom-right-radius: 10px;
 }
 
 #search-box .form-control.form-search {
@@ -209,6 +214,13 @@ header #banner #logo-img, .navbar-brand #logo-img {
     background-color: #fff !important;
 }
 
+.dropdown-menu {
+    font-size: 14px;
+    text-align: left;
+    list-style: none;
+    border-radius: 10px;
+}
+
 .nav-pills .dropdown-menu li a, .nav-pills .dropdown-menu li .btn-link, .nav-tabs .dropdown-menu li a, .nav-tabs .dropdown-menu li .btn-link, .account .dropdown-menu li a, .account .dropdown-menu li .btn-link, .contact-photo-wrapper .dropdown-menu li a, .contact-photo-wrapper .dropdown-menu li .btn-link {
     color: var(--font-color) !important;
     border-color: #0866ff61 !important
@@ -231,7 +243,7 @@ header #banner #logo-img, .navbar-brand #logo-img {
 }
 
 #topbar-second {
-    height: 60px !important;
+    height: 57px !important;
     top: 50px;
     background-color: #fff;
     z-index: 1029;
@@ -247,8 +259,8 @@ header #banner #logo-img, .navbar-brand #logo-img {
 }
 
 .btn.btn-primary {
-  background: #0866ff;
-  color: #e6e9ec;
+    background: #0866ff;
+    color: #e6e9ec;
 }
 
 .btn.btn-primary:hover,
@@ -271,7 +283,7 @@ header #banner #logo-img, .navbar-brand #logo-img {
 }
 
 #jotOpen {
-    border-radius: 8px !important;
+    border-radius: 20px !important;
     background-color: #0866FF !important;
     color: #ffffff !important;
 }
@@ -283,7 +295,7 @@ header #banner #logo-img, .navbar-brand #logo-img {
 #jotOpen::before {
     content: 'New Post';
     font-size: 15px;
-    margin-right: 10px;
+    margin-right: 20px;
     line-height: 32px;
     position: relative;
     display: inline;
@@ -301,19 +313,9 @@ header #banner #logo-img, .navbar-brand #logo-img {
 }
 
 #back-to-top {
-  display: none;
-  cursor: pointer;
-  color: #d6d7d6;
-  position: fixed;
-  z-index: 49;
-  right: 20px;
-  bottom: 20px;
-  opacity: 1;
-  font-size: 2.9em;
-  padding: 0 12px 0 12px;
-  border-radius: 10px;
-  background-color: #7d7d7d;
-  line-height: 1.5;
+    color: #d6d7d6;
+    border-radius: 10px;
+    background-color: #7d7d7d;
 }
 
 .dropzone, .dropzone .dz-default * {
@@ -325,18 +327,18 @@ header #banner #logo-img, .navbar-brand #logo-img {
 }
 
 .dropzone.dz-clickable {
-  cursor: pointer;
-  border-radius: 10px;
+    cursor: pointer;
+    border-radius: 10px;
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
     border-bottom-left-radius: 10px;
-  background-color: #f5f6f9;
-  margin-bottom: 10px;
+    background-color: #f5f6f9;
+    margin-bottom: 10px;
 }
 
 .dropzone:not(textarea) {
-  border: 1px solid rgb(238, 238, 238);
+    border: 1px solid rgb(238, 238, 238);
 }
 
 aside .widget,
@@ -358,19 +360,19 @@ aside .widget,
 }
 
 .wall-item-container {
-  border-top: 1px solid rgb(238, 238, 238);
+    border-top: 1px solid rgb(238, 238, 238);
 }
 
 .well {
-  background-image: -webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);
-  background-image: -o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);
-  background-image: -webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5));
-  background-image: linear-gradient(to bottom,#fff 0,#fff 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
-  background-repeat: repeat-x;
-  border-color: #eee;
-  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
-  box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
+    background-image: -webkit-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);
+    background-image: -o-linear-gradient(top,#e8e8e8 0,#f5f5f5 100%);
+    background-image: -webkit-gradient(linear,left top,left bottom,from(#e8e8e8),to(#f5f5f5));
+    background-image: linear-gradient(to bottom,#fff 0,#fff 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
+    background-repeat: repeat-x;
+    border-color: #eee;
+    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
+    box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
 }
 
 .contact-photo,
@@ -384,17 +386,17 @@ aside .widget,
 }
 
 #vcard-short-photo-wrapper img, #nav-short-info .contact-wrapper img {
-  border-radius: 50px;
+    border-radius: 50px;
 }
 
 section > .generic-page-wrapper, .videos-content-wrapper, .suggest-content-wrapper, .help-content-wrapper, .match-content-wrapper, .dirfind-content-wrapper, .delegation-content-wrapper, .notes-content-wrapper, .message-content-wrapper, .apps-content-wrapper, #adminpage, .delegate-content-wrapper, .uexport-content-wrapper, .dfrn_request-content-wrapper, .friendica-content-wrapper, .credits-content-wrapper, .nocircle-content-wrapper, .profperm-content-wrapper, .invite-content-wrapper, .tos-content-wrapper, .fsuggest-content-wrapper {
-  border-radius: 10px;
-  box-shadow: 0 0px 1px rgba(0,0,0,.5) !important;
+    border-radius: 10px;
+    box-shadow: 0 0px 1px rgba(0,0,0,.5) !important;
 }
 
 .mail-list-outside-wrapper .contact-photo-wrapper img {
-  height: 70px;
-  width: 70px;
+    height: 70px;
+    width: 70px;
 }
 
 p.wall-item-announce,
@@ -517,7 +519,7 @@ aside .widget li:hover {
 }
 
 .fc .fc-month-view .fc-content .fc-title .item-desc {
-  font-size: 15px;
+    font-size: 15px;
 }
 
 @media screen and (max-width: 1280px) {
@@ -578,13 +580,13 @@ aside .widget li:hover {
 }
 
 .composer-header {
-    background-color: #f2f4f7; /* Hintergrundfarbe des Composer-Headers */
-    color: #65686C; /* Textfarbe im Composer-Header */
-    border-bottom: 1px solid #eee; /* Untere Rahmenfarbe des Composer-Headers */
+    background-color: #f2f4f7;
+    color: #65686C;
+    border-bottom: 1px solid #eee;
 }
 
 .composer-footer {
-    background-color: #f2f4f7; /* Hintergrundfarbe des Composer-Footers */
-    color: #65686C; /* Textfarbe im Composer-Footer */
-    border-top: 1px solid #eee; /* Obere Rahmenfarbe des Composer-Footers */
+    background-color: #f2f4f7;
+    color: #65686C;
+    border-top: 1px solid #eee;
 }
diff --git a/bookface/bookface.php b/bookface/bookface.php
index 92d8ba3..133319c 100644
--- a/bookface/bookface.php
+++ b/bookface/bookface.php
@@ -7,7 +7,7 @@
  *
  * Name: loma hell
  * Licence: AGPL
- * Author: Kristi H. @kmh@friendica.world> feb @feb@loma.ml>
+ * Author: Kristi H. @kmh@friendica.world feb @feb@loma.ml
  * Overwrites: nav_bg, nav_icon_color, link_color, background_color, background_image, contentbg_transp
  * Accented: No
  */
@@ -26,5 +26,5 @@ $menu_background_hover_color = '#8080801a'; // rgba(128,128,128,.1)
 $font_color = '#313131';
 $font_color_darker = '#333';
 $border_color = '#eee';
-?>
+