feat(admin): adjust page sizing

1024pix · Feb 14, 2025 · ec3d343 · ec3d343
1 parent 0777ecc
commit ec3d343
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 29 deletions.
diff --git a/admin/app/styles/globals/page.scss b/admin/app/styles/globals/page.scss
@@ -3,18 +3,12 @@
 
 .page {
   header, .page-header {
-    top: 0;
-    right: 0;
-    left: 80px;
-    z-index: 4;
     display: flex;
     align-items: center;
     justify-content: space-between;
-    min-height: 60px;
-    margin: 0;
-    padding: 6px 20px;
-    background: var(--pix-neutral-0);
-    border-bottom: 1px solid var(--pix-neutral-20);
+    margin: var(--pix-spacing-2x) 20px;
+    padding-bottom: var(--pix-spacing-6x);
+    border-bottom: 1px solid var(--pix-neutral-100);
 
     .page-actions {
       display: flex;
@@ -37,11 +31,11 @@
 
   .page-body {
     inset: 60px 0 0 80px;
-    padding: 10px;
+    padding: var(--pix-spacing-2x);
 
     .page-section {
       margin-bottom: 10px;
-      padding: 32px;
+      padding: var(--pix-spacing-6x) var(--pix-spacing-4x);
       background: var(--pix-neutral-0);
       border-radius: 5px;
 
@@ -68,7 +62,7 @@
   }
 
   .page-body-template {
-    padding: var(--pix-spacing-8x);
+    padding: var(--pix-spacing-6x) var(--pix-spacing-4x);
 
     &__content {
       margin-bottom: var(--pix-spacing-8x);

diff --git a/admin/app/templates/authenticated/certifications.hbs b/admin/app/templates/authenticated/certifications.hbs
@@ -2,23 +2,19 @@
 {{page-title (t "pages.certifications.title")}}
 <div class="page">
   <header class="page-header">
-    <div>
-      <h1>
-        {{t "pages.certifications.title"}}
-      </h1>
-    </div>
-    <div class="page-actions">
-      <form class="form-inline" {{on "submit" this.loadCertification}}>
-        <PixInput
-          placeholder="Identifiant"
-          aria-label="Rechercher une session avec un identifiant"
-          @type="text"
-          @value={{this.inputId}}
-          {{on "input" (pick "target.value" (set this "inputId"))}}
-        />
-        <PixButton @size="small" @type="submit">{{t "pages.certifications.actions.load.label"}}</PixButton>
-      </form>
-    </div>
+    <h1>
+      {{t "pages.certifications.title"}}
+    </h1>
+    <form class="page-actions" {{on "submit" this.loadCertification}}>
+      <PixInput
+        placeholder="Identifiant"
+        aria-label="Rechercher une session avec un identifiant"
+        @type="text"
+        @value={{this.inputId}}
+        {{on "input" (pick "target.value" (set this "inputId"))}}
+      />
+      <PixButton @size="small" @type="submit">{{t "pages.certifications.actions.load.label"}}</PixButton>
+    </form>
   </header>
 
   <main class="page-body">