ui.css

@@ -89,7 +89,7 @@ h1 {
 /* Note: We are defining :hover and .active separately because :active:not(.active) isn't working, and to avoid using !important */
 
 .button:hover {
-    background-color: #1b5037;
+    background-color: #373021;
 }
 
 .button:active {
@@ -109,7 +109,7 @@ h1 {
 }
 
 .button.color-primary.disabled:hover {
-    background: #1b5037;
+    background: #373021;
 }
 
 .button.color-primary:active {
@@ -352,6 +352,7 @@ h1 {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
+    coh-font-fit-mode: shrink;
 }
 
 .content-btn {
@@ -673,6 +674,7 @@ h1 {
 .content-profile .profile-btn img {
     width: 2em;
     height: 2em;
+    margin-right: 20px;
 }
 
 .content-profile .profile-btn p {
@@ -1385,6 +1387,53 @@ h1 {
     font-size: 1.2em;
 }
 
+.content-instance-players .content-list-pagination {
+    display: flex;
+    justify-content: space-around;
+    position: relative;
+    top: 25em;
+}
+
+#group-detail .scroll-content {
+    bottom: 4.5em;
+}
+
+.content-list-pagination .page-arrow {
+    background-image: url("gfx/next-page.svg");
+    background-size: contain;
+    height: 4em;
+    width: 4em;
+}
+
+.content-list-pagination p {
+    font-size: 1.2em;
+}
+
+.content-list-pagination .previous-page {
+    transform: rotate(180deg);
+}
+
+.content-list-pagination .next-page {
+
+}
+
+.content-list-pagination .disabled {
+    pointer-events: none !important;
+    filter: brightness(0.5) !important;
+}
+
+.content-list-pagination .page-arrow:hover {
+    filter: brightness(0.8);
+}
+
+.profile-avatar:hover {
+    filter: brightness(0.8);
+}
+
+.profile-group:hover {
+    filter: brightness(0.8);
+}
+
 /*User Detail*/
 #user-detail {
     background-color: #373021;
@@ -1425,6 +1474,7 @@ h1 {
     align-self: center;
     display: flex;
     justify-content: center;
+    position: relative;
 }
 
 #user-detail .online-state.online {
@@ -1442,7 +1492,17 @@ h1 {
     mask-size: contain;
     mask-position: center;
     align-self: center;
+    z-index: 2;
 }
+
+.profile-bg {
+    padding:0.5em;
+    align-self: center;
+    z-index: 1;
+    position: absolute;
+    filter: brightness(0);
+}
+
 .user-sidebar h2, .user-sidebar h3 {
     font-weight: normal;
     margin-bottom: 0;
@@ -1454,6 +1514,7 @@ h1 {
     text-align: center !important;
     margin: 0 !important;
     coh-font-fit-mode: shrink;
+    max-height: 85px;
 }
 
 .user-sidebar h3 {
@@ -1796,7 +1857,32 @@ h1 {
     height: 7.5em;
     display: flex;
     padding: 0.5em;
+    position: relative;
+    width: auto;
 }
+
+#exit .flex-container {
+    flex-direction: row;
+    justify-content: space-around;
+    width: 100%;
+}
+
+#exit .flex-container .content-btn {
+    width: 50%;
+}
+
+#exit .button-container {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    position: absolute;
+    padding-top: 7em;
+    padding-bottom: 2em;
+    width: 100%;
+    min-width: 0;
+}
+
 #exit .content-btn .exit-icon {
     height: 6em;
     width: 6em;
@@ -1995,6 +2081,7 @@ h1 {
 /*Settings*/
 .settings-categorie {
     display: none;
+    padding-bottom: 100px;
 }
 .settings-categorie.active {
     display: block;
@@ -2081,7 +2168,7 @@ h1 {
     width: 100%;
 }
 
-.feed-content:hover {
+.feed-image:hover {
     filter: brightness(80%);
 }