From 5997880ae477c20171c54281ddc66182f85992a5 Mon Sep 17 00:00:00 2001
From: Caleb Alldrin <caleb.alldrin@cru.org>
Date: Fri, 10 Nov 2023 14:42:35 -0800
Subject: [PATCH] Language menu sort by column

---
 src/app/header/header.component.css  | 15 +++++++++------
 src/app/new-page/page.component.html |  4 +---
 2 files changed, 10 insertions(+), 9 deletions(-)

diff --git a/src/app/header/header.component.css b/src/app/header/header.component.css
index 0b15f9676..f3aaa74ec 100755
--- 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
index 3df5ca118..9001cf400 100644
--- 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()"