Improve wait transcoding help

[github/Chocobozzz/PeerTube.git] / client / src / app / +signup / +register / custom-stepper.component.scss

diff --git a/client/src/app/+signup/+register/custom-stepper.component.scss b/client/src/app/+signup/+register/custom-stepper.component.scss
index 4dda934892a397a5ce0d4e16a3af1f4eb81cb769..919799716287fe4dbc085b00608a18d31cc51db9 100644 (file)
--- a/client/src/app/+signup/+register/custom-stepper.component.scss
+++ b/client/src/app/+signup/+register/custom-stepper.component.scss
@@ -5,8 +5,8 @@
 $index-block-height: 40px;
 
 header {
-  margin-bottom: 40px;
-  padding-bottom: 60px;
+  margin-bottom: 30px;
+  padding-bottom: 25px;
   width: 100%;
   background-color: pvar(--mainColorVeryLight);
 }
@@ -34,9 +34,11 @@ header {
   position: relative;
 
   .completed-icon {
-    width: 16px;
-    height: 16px;
-    border-radius: 16px;
+    $size: 14px;
+
+    width: $size;
+    height: $size;
+    border-radius: $size;
     background-color: pvar(--mainBackgroundColor);
     position: absolute;
     bottom: 0;
@@ -44,7 +46,9 @@ header {
     display: flex;
     justify-content: center;
     align-items: center;
-    border: 1px solid pvar(--mainColor);
+    // Better than border color for aliasing
+    box-shadow: 0 0 0 1px var(--mainColor);
+    overflow: hidden;
 
     my-global-icon {
       @include apply-svg-color(pvar(--mainColor));
@@ -102,7 +106,7 @@ header {
 @media screen and (min-width: $small-view) {
   .margin-content {
     max-width: 1000px;
-    margin:auto;
+    margin: auto;
   }
 }