style(orga): adjust size & position of icons in mission banner

1024pix · Dec 30, 2024 · a76516e · a76516e
1 parent aeca0c4
commit a76516e
Showing 1 changed file with 27 additions and 4 deletions.
diff --git a/orga/app/styles/pages/authenticated/mission.scss b/orga/app/styles/pages/authenticated/mission.scss
@@ -24,18 +24,41 @@
 
   &__school-code {
     display: inline-flex;
-    margin-top: 8px;
 
     .pix-icon-button {
-       fill: var(--pix-info-700);
-     }
+      fill: var(--pix-info-700);
+    }
   }
 
   &__copypaste-container {
     display: flex;
     flex-direction: column;
     text-align: start;
 
+    .copy-paste-button {
+      &__clipboard {
+        margin: -6px 6px 0 2px;
+      }
+    }
+
+    .pix-icon {
+      width: 1rem;
+      height: 1rem;
+    }
+
+
+    .pix-icon-button {
+      width: 1.5rem;
+      min-width: 1.5rem;
+      height: 1.5rem;
+    }
+
+
+    span, a {
+      display: flex;
+      align-items: center;
+    }
+
     #external-link-icon {
       margin-left: 4px;
       text-decoration: none;
@@ -57,7 +80,7 @@
     align-items: center;
     justify-content: space-between;
     margin-top: var(--pix-spacing-6x);
-    margin-bottom: var(--pix-spacing-2x); ;
+    margin-bottom: var(--pix-spacing-2x);
 
     &__title {
       @extend %pix-title-m;