From 99d730d0e39d1d522d9eed91ed48d7af45011889 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rave=20=7C=20=E5=9B=B3=E6=9B=B8=E9=A4=A8=E7=8C=AB?=
 <raphael.wickihalder@odysee.com>
Date: Wed, 30 Mar 2022 17:53:05 +0200
Subject: [PATCH] Design fallout patch 2 (#1245)

* patch 1
* patch 2
---
 ui/scss/component/_channel.scss         | 3 +++
 ui/scss/component/_claim-list.scss      | 5 +++--
 ui/scss/component/_claim-search.scss    | 2 +-
 ui/scss/component/_livestream-chat.scss | 7 +++++--
 ui/scss/component/_notification.scss    | 2 +-
 ui/util/notifications.js                | 2 +-
 6 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/ui/scss/component/_channel.scss b/ui/scss/component/_channel.scss
index 66d800e34..3b7deb3c2 100644
--- a/ui/scss/component/_channel.scss
+++ b/ui/scss/component/_channel.scss
@@ -69,6 +69,9 @@ $actions-z-index: 2;
         margin-top: 3px;
       }
     }
+    .claim__menu-button {
+      right: -8px;
+    }
   }
 
   .mb-xl {
diff --git a/ui/scss/component/_claim-list.scss b/ui/scss/component/_claim-list.scss
index 793669576..bff3b7cfe 100644
--- a/ui/scss/component/_claim-list.scss
+++ b/ui/scss/component/_claim-list.scss
@@ -1,6 +1,6 @@
 .claim-list {
-  // List view
-  .claim-preview__wrapper:not(.claim-preview__wrapper--channel):not(.claim-preview__wrapper--small) {
+  // List view :not(.claim-preview__wrapper--channel)
+  .claim-preview__wrapper:not(.claim-preview__wrapper--small) {
     padding: var(--spacing-m);
     background-color: rgba(var(--color-header-background-base), 0.6);
 
@@ -1194,6 +1194,7 @@
             text-overflow: ellipsis;
             white-space: nowrap;
             overflow: hidden;
+            display: unset;
 
             &:hover {
               opacity: 0.8;
diff --git a/ui/scss/component/_claim-search.scss b/ui/scss/component/_claim-search.scss
index 16eca104b..16255a2b2 100644
--- a/ui/scss/component/_claim-search.scss
+++ b/ui/scss/component/_claim-search.scss
@@ -56,7 +56,7 @@
 
     &:not(:first-of-type) {
       margin-top: 0;
-      padding-left: var(--spacing-m);
+      // padding-left: var(--spacing-m);
     }
   }
 }
diff --git a/ui/scss/component/_livestream-chat.scss b/ui/scss/component/_livestream-chat.scss
index 2a2255a1a..4b386958b 100644
--- a/ui/scss/component/_livestream-chat.scss
+++ b/ui/scss/component/_livestream-chat.scss
@@ -290,8 +290,11 @@ $recent-msg-button__height: 2rem;
         text-align: center;
       }
 
-      .button--secondary {
-        background-color: var(--color-header-button) !important;
+      .section__actions {
+        justify-content: center;
+        .button--secondary {
+          background-color: var(--color-header-button) !important;
+        }
       }
     }
   }
diff --git a/ui/scss/component/_notification.scss b/ui/scss/component/_notification.scss
index 4c5a459bc..878332755 100644
--- a/ui/scss/component/_notification.scss
+++ b/ui/scss/component/_notification.scss
@@ -318,7 +318,7 @@ $contentMaxWidth: 60rem;
 }
 
 .notification__bubble--small {
-  font-size: var(--font-xsmall);
+  font-size: var(--font-xxsmall);
 }
 
 .notification__bubble--inline {
diff --git a/ui/util/notifications.js b/ui/util/notifications.js
index 930c31998..6b0c96749 100644
--- a/ui/util/notifications.js
+++ b/ui/util/notifications.js
@@ -1,3 +1,3 @@
 // @flow
 
-export const buildUnseenCountStr = (unseenCount: number) => (unseenCount > 20 ? '20+' : `${unseenCount}`);
+export const buildUnseenCountStr = (unseenCount: number) => (unseenCount > 99 ? '99+' : `${unseenCount}`);