feat(VCv2): improve display with description

blockchain-certificates · Oct 24, 2024 · 43cddc0 · 43cddc0
1 parent d74d6b3
commit 43cddc0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/components/organisms/FullScreenCertificate/_components.fullscreen-certificate-css.js b/src/components/organisms/FullScreenCertificate/_components.fullscreen-certificate-css.js
diff --git a/src/components/organisms/FullScreenCertificate/_components.fullscreen-certificate.scss b/src/components/organisms/FullScreenCertificate/_components.fullscreen-certificate.scss
@@ -14,7 +14,7 @@
   box-sizing: border-box;
 
   @media only screen and (max-width: $breakpoint) {
-    padding-top: 170px; // header height + verification status
+    padding-top: 180px; // header height + verification status
   }
 }
 
@@ -34,7 +34,6 @@
   max-width: 1440px;
   margin: 0 auto;
   padding: 20px;
-  display: flex;
   align-items: center;
   position: relative;
   box-sizing: border-box;
@@ -47,11 +46,12 @@
 }
 
 .buv-c-fullscreen-certificate__title {
-  margin: 0 30px 0 0;
+  margin: 0 30px 10px 0;
+}
 
-  @media only screen and (max-width: $breakpoint) {
-    margin-bottom: 10px;
-  }
+.buv-c-fullscreen-certificate__description {
+  margin: 0;
+  font-size: 12px;
 }
 
 .buv-c-fullscreen-certificate__close {
@@ -90,7 +90,7 @@
 
   @media only screen and (max-width: $breakpoint) {
     position: absolute;
-    top: 90px;
+    top: 100px;
     width: calc(100% - 40px); // 40px is buv-c-fullscreen-certificate__content padding
     margin: 0;
   }