[RZA-250145]: fixed css for listen page

Author: recursivezero

src/assets/styles/varnmala/reader.css

@@ -18,22 +18,25 @@
   gap: 0.5rem;
   height: max-content;
 }
+
 .info {
-    font-size: 1rem;
-    color: #6b7280;
-    font-weight: 500;
-    margin: 0 auto;
-    text-align: center;
-    padding: 0.5rem;
-  }
-.container__reader > .letter{
+  font-size: 1rem;
+  color: #6b7280;
+  font-weight: 500;
+  margin: 0 auto;
+  text-align: center;
+  padding: 0.5rem;
+}
+
+.container__reader>.letter {
   width: 100%;
-    box-sizing: border-box;
-    margin-left: 4rem;
-    display: flex;
-    align-items: center;
-    justify-content: flex-end;
+  box-sizing: border-box;
+  margin-left: 4rem;
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
 }
+
 .hide {
   display: none;
 }
@@ -183,11 +186,13 @@
   .container__reader {
     font-size: min(200rem, 70vw);
   }
-.container__reader > .letter{
-  justify-content: center;
-  margin-left: auto;
-}
+
+  .container__reader>.letter {
+    justify-content: center;
+    margin-left: auto;
+  }
+
   .mute-button {
     font-size: min(1.5rem, 6vw);
   }
-}
+}