Updated sidebar-notice

Author: lazuee

discord/sidebar-notice/import.css

@@ -13,7 +13,7 @@
     --notice-height-join: 145px;
     --notice-height-welcome: 155px;
     --notice-height-premium: 150px;
-    --notice-height-warning: 160px;
+    --notice-height-warning: 157px;
     --notice-height-add: 0px;
     --notice-text-heading: "";
     --notice-text-join: "";
@@ -91,10 +91,9 @@ html:not(:has(.artwork_d8215a)) {
 
         >div.notice_be03aa {
             height: var(--notice-height);
-
             border-radius: 0;
             background: var(--notice-background);
-            padding: 16px 0;
+            padding: 16px;
             position: absolute;
             left: var(--notice-margin-left);
             overflow: hidden;
@@ -112,7 +111,8 @@ html:not(:has(.artwork_d8215a)) {
                 align-items: start;
                 border-bottom: 1px solid var(--background-secondary);
                 display: grid;
-                gap: 12px 8px;
+                padding: 16px 0;
+                column-gap: 8px;
                 grid-template-columns: 80px 1fr;
                 grid-template-rows: auto 32px;
 
@@ -198,7 +198,7 @@ html:not(:has(.artwork_d8215a)) {
 
                     &:first-of-type {
                         grid-column: 1 / 2;
-                        padding-left: 12px;
+                        padding-left: 16px;
 
                         >div>svg {
                             display: none;
@@ -207,7 +207,7 @@ html:not(:has(.artwork_d8215a)) {
 
                     &:last-of-type:not(:first-of-type) {
                         grid-column: 2 / 3;
-                        padding-right: 12px;
+                        padding-right: 16px;
 
                         &:not(:has([aria-label="Loading"])):before {
                             align-items: center;
@@ -233,7 +233,7 @@ html:not(:has(.artwork_d8215a)) {
 
                     &:only-of-type {
                         grid-column: 1 / -1;
-                        padding: 0 12px;
+                        padding: 0 16px;
                     }
 
                     &:hover {
@@ -282,7 +282,6 @@ html:not(:has(.artwork_d8215a)) {
                 display: grid;
                 grid-template-columns: 1fr;
                 grid-template-rows: 27px 50px 32px;
-                padding: 16px;
                 font-family: var(--font-primary);
                 font-size: 14px;
                 line-height: 1.2857142857142858;
@@ -427,7 +426,6 @@ html:not(:has(.artwork_d8215a)) {
         &:has(.colorWarning_be03aa) {
             >div.notice_be03aa {
                 display: grid;
-                padding: 16px;
                 grid-template-columns: 1fr;
                 grid-template-rows: 27px 50px 32px;
                 font-family: var(--font-primary);
@@ -517,7 +515,7 @@ html:not(:has(.artwork_d8215a)) {
 
                 >button {
                     margin: 0;
-                    margin-top: 12px;
+                    margin-top: 16px;
                     align-items: center;
                     border-radius: 3px;
                     box-sizing: border-box;
@@ -568,6 +566,7 @@ html:not(:has(.artwork_d8215a)) {
         }
 
         .sidebar_a4d4d9.hasNotice_a4d4d9>*:has(.discoverHeader_b992d4)>h2,
+        .searchBar_f0963d,
         .header_f1c462 {
             margin-bottom: var(--notice-height);
         }