patch 4 (#1271)

ui/scss/component/_claim-list.scss

@@ -98,6 +98,10 @@
     margin-left: var(--spacing-s);
   }
 
+  .card__actions--inline:first-child {
+    margin-left: unset;
+  }
+
   @media (max-width: $breakpoint-small) {
     display: none;
   }

ui/scss/component/_modal.scss

@@ -33,9 +33,10 @@
   @extend .card;
   background-color: var(--color-modal-background);
   line-height: 1.55;
-  min-width: 500px;
+  min-width: 580px;
   max-width: var(--modal-width);
   overflow: auto;
+  overflow-x: hidden;
   padding: var(--spacing-l);
   word-break: break-word;
   background-color: var(--color-modal-background) !important;

ui/scss/init/_base-theme.scss

@@ -42,7 +42,8 @@
   --color-background: #fafafa;
   --color-background--splash: #212529;
   --color-border: #ededed;
-  --color-background-overlay: #21252980;
+  // --color-background-overlay: #21252980;
+  --color-background-overlay: rgba(18, 18, 18, 0.9);
   --color-card-background: #ffffff;
   --color-card-background-highlighted: #f1f7fe;
 

ui/scss/init/_gui.scss

@@ -984,7 +984,7 @@ img {
     .card__title-section {
       width: 100%;
       flex-wrap: wrap;
-      div:first-child {
+      div:first-child:not(.channel-thumbnail) {
         width: 100%;
         .card__subtitle {
           background-color: var(--color-header-background);

ui/scss/init/_vars.scss

@@ -86,7 +86,7 @@
   --card-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 
   // Modal
-  --modal-width: 550px;
+  --modal-width: 750px;
 
   // Animation :)
   --animation-duration: 0.2s;

ui/scss/themes/light.scss

@@ -27,7 +27,7 @@
   --color-border: rgba(0, 0, 0, 0.2);
   --color-background-base: 231, 231, 231;
   --color-background: rgba(var(--color-background-base), 1);
-  --color-background-overlay: #21252980;
+  --color-background-overlay: rgba(18, 18, 18, 0.9);
   --color-card-background: var(--color-header-background);
   --color-card-background-highlighted: #fff5f5;