fix(FEC-11338): update share ui (#614)

kaltura · Jun 29, 2021 · d9b8f37 · d9b8f37
1 parent 74b187f
commit d9b8f37
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 8 deletions.
diff --git a/src/components/copy-button/_copy-button.scss b/src/components/copy-button/_copy-button.scss
@@ -3,7 +3,7 @@
     margin: 0;
   }
   .btn-copy-url {
-    margin: 0 10px;
+    margin: 0 8px;
 
     .icon {
       height: 24px;

diff --git a/src/components/error-overlay/_error-overlay.scss b/src/components/error-overlay/_error-overlay.scss
@@ -84,7 +84,9 @@
       margin: 0;
     }
     .btn-copy-url {
-      margin-left: 10px;
+      margin-left: 8px;
+      height: 32px;
+      width: 32px;
 
       .icon {
         height: 24px;

diff --git a/src/styles/_buttons.scss b/src/styles/_buttons.scss
@@ -62,24 +62,24 @@
 
   padding: 8px 12px 8px 8px;
   width: 82px;
-  height: 32px;
+  height: 40px;
   background-color: transparent;
 
   &.only-icon {
     padding: 4px;
-    width: 32px;
-    height: 32px;
+    width: 40px;
+    height: 40px;
   }
 
   &.only-label {
     padding: 8px;
     width: 50px;
-    height: 32px;
+    height: 40px;
   }
 
   i {
-    width: 24px;
-    height: 24px;
+    width: 32px;
+    height: 32px;
   }
 
   label {
@@ -90,3 +90,27 @@
     background-color: $color-tone4;
   }
 }
+
+.player.size-sm,
+.player.size-xs {
+  .btn-borderless {
+    height: 32px;
+
+    i {
+      width: 24px;
+      height: 24px;
+    }
+
+    &.only-icon {
+      padding: 4px;
+      width: 32px;
+      height: 32px;
+    }
+
+    &.only-label {
+      padding: 8px;
+      width: 50px;
+      height: 32px;
+    }
+  }
+}
diff --git a/src/styles/_inputs.scss b/src/styles/_inputs.scss
@@ -98,6 +98,8 @@
   }
   input:checked + label:before {
     content: '✔';
+    text-align: center;
+    font-size: 14px;
   }
 }