]> git.immae.eu Git - github/Chocobozzz/PeerTube.git/blobdiff - client/src/app/+signup/+register/custom-stepper.component.scss
Improve wait transcoding help
[github/Chocobozzz/PeerTube.git] / client / src / app / +signup / +register / custom-stepper.component.scss
index dfbdc863b403008968d7d85cbc9a8b0b11652cb4..919799716287fe4dbc085b00608a18d31cc51db9 100644 (file)
@@ -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));