feature: multiple small fixes and updates

src/styles/content/_index.scss

@@ -97,7 +97,7 @@ main {
         min-width: 60%;
         position: fixed;
         top: 50px;
-        z-index: 1;
+        z-index: 3000;
       }
     }
   }

src/styles/header/_index.scss

@@ -1,7 +1,7 @@
 header {
   height: 72px;
   position: fixed;
-  z-index: 999;
+  z-index: 10000;
 
   >div {
     display: flex;

src/styles/index.scss

@@ -30,176 +30,9 @@ solid-display>div {
   }
 }
 
-.send-display {
-  position: absolute;
-  right: 20px;
-  top: 20px;
-  z-index: 1;
-
-  &::before {
-    margin-top: 4px;
-    margin-right: 0.5px;
-  }
-}
-
-.button-modify-picture {
-  position: absolute;
-  bottom: 51px;
-  right: 30px;
-  z-index: 1;
-
-  @media (max-width: 768px) {
-    right: 20px;
-  }
-}
-
-.button-modify-profile {
-  position: absolute;
-  top: 40px;
-  right: 40px;
-  z-index: 1;
-
-  @media (max-width: 768px) {
-    top: 20px;
-    right: 20px;
-  }
-}
-
-.button-modify-skill {
-  position: absolute;
-  z-index: 1;
-  right: 40px;
-
-  @media (max-width: 768px) {
-    right: 20px;
-  }
-}
-
-.counter>div:nth-child(1) {
-  display: block !important;
-  position: relative;
-  text-align: center;
-  margin-right: 10px;
-  margin-bottom: 20px;
-  margin-left: 10px;
-
-  &::before {
-    border-top: 1px solid #807A7A;
-    bottom: 0;
-    content: '';
-    left: 0;
-    margin: 0 auto;
-    opacity: 0.2;
-    position: absolute;
-    right: 0;
-    top: 50%;
-    width: 100%;
-  }
-  &>span {
-    padding: 0 18.5px 0 21.5px;
-    background: #F6F6F6;
-    font-size: 16px;
-    position: relative;
-    color: var(--color-heading);
-    text-align: center;
-  }
-}
-
-.pagination nav {
-  display: grid;
-  font-size: 20px;
-  margin-top: 56px;
-  grid-template-columns: auto 7% auto;
-  grid-template-rows: auto;
-  grid-template-areas: "left middle right";
-  overflow: hidden;
-  text-align: center;
-  align-content: center;
-  width: 100%;
-  
-  @media(max-width: 768px) {
-    grid-template-columns: auto 27% auto;
-  }
-
-  >[data-id="prev"] {
-    align-self: end;
-    grid-area: left;
-    justify-self: end;
-    line-height: 1;
-  }
-
-  >[data-id="next"] {
-    align-self: baseline;
-    grid-area: right;
-    justify-self: start;
-    transform: rotate(180deg);
-  }
-
-  button {
-    color: transparent;
-
-    &:before {
-      background-color: var(--color-secondary);
-      content: '';
-      display: inline-block;
-      height: 20px;
-
-      mask: url('/lib/solid-directory/dist/assets/arrow-left-circle.svg') 1% 1% / 1px 1px no-repeat;
-      mask-size: cover;
-      -webkit-mask: url('/lib/solid-directory/dist/assets/arrow-left-circle.svg') 1% 1% / 1px 1px no-repeat;
-      -webkit-mask-size: cover;
-      width: 20px;
-    }
-
-    &:disabled::before {
-      background-color: #5D7393;
-      opacity: 50%;
-    }
-  }
-
-  span {
-    color: #5D7393;
-    font-size: 20px;
-    font-weight: 600;
-    line-height: 27px;
-  }
-}
 
 
-/* Member-profile */
-#member-profile .send-message {
-  right: 20px;
-  position: absolute;
-  bottom: 0;
-}
 
-#member-profile .member-bio,
-#profile .member-bio {
-
-  @media (min-width: 768.01px) {
-    max-width: 50%;
-  }
-}
-
-.icon-location-pin::before,
-.icon-bell::before {
-  margin-left: -3px;
-}
-
-#member-profile,
-#solid-profile-my-profile {
-  .avatar {
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  @media (max-width: 768px) {
-    .member-bio {
-      max-width: none;
-      width: 100%;
-    }
-  }
-}
 
 /* Job-offers */
 .job-edit {

src/styles/left-nav/_index.scss

@@ -47,6 +47,11 @@ nav#main__menu {
     vertical-align: middle;
   }
 
+  .menu-chevron {
+    float: right;
+    margin-top: 8px;
+  }
+
 
   /* Ellipsis */
   .ellipsis {
@@ -71,6 +76,10 @@ nav#main__menu {
     }
   }
 
+  .badge {
+    float: right;
+  }
+
   .divider {
     height: 1px;
     background-color: #D7DBE0;