🎨 bigger approval buttons

app/javascript/styles/bliss.scss

@@ -6,6 +6,7 @@
 @import 'fonts/montserrat';
 
 @import 'bliss/reset';
+@import 'bliss/messaging';
 @import 'bliss/basics';
 @import 'bliss/containers';
 @import 'bliss/lists';

app/javascript/styles/bliss/components.scss

@@ -929,8 +929,12 @@
   }
 
   @keyframes fade {
-    0% { opacity: 0; }
-    100% { opacity: 1; }
+    0% {
+      opacity: 0;
+    }
+    100% {
+      opacity: 1;
+    }
   }
 
   opacity: 1;
@@ -3348,9 +3352,15 @@ a.status-card.compact:hover {
 }
 
 @keyframes loader-label {
-  0% { opacity: 0.25; }
-  30% { opacity: 1; }
-  100% { opacity: 0.25; }
+  0% {
+    opacity: 0.25;
+  }
+  30% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0.25;
+  }
 }
 
 .video-error-cover {
@@ -3463,6 +3473,16 @@ a.status-card.compact:hover {
   text-align: center;
 }
 
+.account-authorize__wrapper {
+
+  .account--panel__button {
+    .icon-button {
+      width: 100%;
+      display: block;
+    }
+  }
+}
+
 .column-settings__outer {
   background: lighten($ui-base-color, 8%);
   padding: 15px;
@@ -4953,6 +4973,7 @@ a.status-card.compact:hover {
   overflow: hidden;
   position: absolute;
 }
+
 /* End Media Gallery */
 
 /* Status Video Player */
@@ -5333,6 +5354,7 @@ a.status-card.compact:hover {
   top: 50%;
   transform: translate(-50%, -50%);
 }
+
 /* End Video Player */
 
 .account-gallery__container {
@@ -5446,9 +5468,15 @@ noscript {
 }
 
 @keyframes flicker {
-  0% { opacity: 1; }
-  30% { opacity: 0.75; }
-  100% { opacity: 1; }
+  0% {
+    opacity: 1;
+  }
+  30% {
+    opacity: 0.75;
+  }
+  100% {
+    opacity: 1;
+  }
 }
 
 @media screen and (max-width: 630px) and (max-height: 400px) {

app/javascript/styles/custom.scss

@@ -27,3 +27,4 @@ $media-modal-media-max-height: 80%;
 
 // then we import the rest of the world
 @import 'application';
+@import 'bliss/messaging';