Language menu sort by column

CruGlobal · Nov 10, 2023 · 5997880 · 5997880
1 parent 121ad43
commit 5997880
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/src/app/header/header.component.css b/src/app/header/header.component.css
@@ -28,7 +28,7 @@
   flex-direction: row;
   height: 100%;
   align-items: center;
-  justify-content: center;  
+  justify-content: center;
 }
 
 #homeHeader > .bs-container > .language-switcher > div.selector > img {
@@ -101,7 +101,7 @@
 }
 
 #languageSwitchModal > div.modal-content {
-  margin: 5%; 
+  margin: 5%;
   background: #ffffff;
   border-radius: 6px;
   height: 90%;
@@ -132,7 +132,7 @@
   width: 100%;
   overflow-y: scroll;
   display: flex;
-  flex-direction: row;
+  flex-direction: column;
   flex-wrap: wrap;
 }
 
@@ -152,8 +152,11 @@
   cursor: pointer;
 }
 
-#languageSwitchModal > div.modal-content > div.languages-grid > div.language:hover {
-  background-color: rgba(0, 0, 0, 0.05);  
+#languageSwitchModal
+  > div.modal-content
+  > div.languages-grid
+  > div.language:hover {
+  background-color: rgba(0, 0, 0, 0.05);
 }
 
 /***** Responsive *****/
@@ -194,7 +197,7 @@
   }
 
   #homeHeader .bs-container {
-    position: relative; 
+    position: relative;
   }
 
   #homeHeader .language-switcher {

diff --git a/src/app/new-page/page.component.html b/src/app/new-page/page.component.html
@@ -5,9 +5,7 @@
     <header id="toolHeader">
       <div class="header tc relative">
         <app-sharing-modal [book]="selectedBookName"></app-sharing-modal>
-        <span class="logo">
-          <a href="/"><img src="assets/img/kg-logo-blue.png" /></a>
-        </span>
+        <a href="/" class="logo"><img src="assets/img/kg-logo-blue.png" /></a>
         <span
           class="kg-gray-dark ng-binding language-selector-toggle"
           (click)="onToggleLanaguageSelect()"