[RZA-2500050]: barahkhadi page order and css fixed

Author: xkeshav

src/assets/styles/varnmala/barahkhadi/consonant.css

@@ -6,7 +6,12 @@
     display: flex;
     align-items: center;
     gap: 2rem;
-    margin-bottom: 2rem;
+
+    & .consonant {
+      margin: 0 auto;
+      font-size: 2rem;
+      color: aquamarine;
+    }
   }
 
   & .back__link {
@@ -31,7 +36,7 @@
   & .combination__card {
     background-color: color-mix(in srgb, var(--secondary) 15%, var(--background) 85%);
     border-radius: 0.5rem;
-    padding: 2rem 1rem;
+    padding: 1.25rem;
     display: grid;
     place-items: center;
     gap: 0.5rem;
@@ -45,8 +50,8 @@
   }
 
   & .combination__result {
-    font-size: 3rem;
-    font-weight: bold;
+    font-size: 7rem;
+    font-weight: normal;
   }
 
   @container (min-width: 768px) {
@@ -60,4 +65,4 @@
       grid-template-columns: 1fr;
     }
   }
-}
+}

src/assets/styles/varnmala/number.css

@@ -119,7 +119,6 @@
 
   & .variation {
     font-size: 2.75rem;
-    padding: 0.4rem;
     text-align: center;
     background: color-mix(in srgb, var(--text) 5%, var(--background) 95%);
     border-radius: 4px;

src/components/ui/backButton.astro

@@ -7,7 +7,6 @@
     border: 1px solid var(--border);
     border-radius: 0.5rem;
     padding: 0.5rem 1rem;
-    margin-bottom: 1rem;
     cursor: pointer;
     transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   }

src/pages/varnmala/barahkhadi/[consonant].astro

@@ -19,7 +19,7 @@ const combinations = [consonant, ...Object.values(matras).map((matra) => consona
   <div class="container__consonant">
     <div class="consonant__header">
       <BackButton />
-      <h1>{consonant}</h1>
+      <div class="consonant">{consonant}</div>
     </div>
     <div class="combinations__grid">
       {

src/utils/common.ts

@@ -46,13 +46,13 @@ export const matras = {
   ee: String.fromCharCode(2368),
   u: String.fromCharCode(2369),
   uu: String.fromCharCode(2370),
+  ru: String.fromCharCode(2371),
   ae: String.fromCharCode(2375),
   aie: String.fromCharCode(2376),
   au: String.fromCharCode(2379),
   aau: String.fromCharCode(2380),
   an: String.fromCharCode(2306),
-  ah: String.fromCharCode(2307),
-  ru: String.fromCharCode(2371)
+  ah: String.fromCharCode(2307)
 };
 
 export const barahkhadi = (code: number) => {