From 5c4581bf2da11662636d2403f1e32f17a94f8df3 Mon Sep 17 00:00:00 2001
From: yoannchb-pro <71560747+yoannchb-pro@users.noreply.github.com>
Date: Tue, 20 Jun 2023 12:40:43 -0400
Subject: [PATCH] logo and title/version same line

---
 extension/popup/index.html | 50 ++++++++++++++++++++------------------
 extension/popup/style.css  |  7 ------
 2 files changed, 26 insertions(+), 31 deletions(-)
diff --git a/extension/popup/index.html b/extension/popup/index.html
index b602152..bbb74f3 100644
--- a/extension/popup/index.html
+++ b/extension/popup/index.html
@@ -19,16 +19,18 @@
   </head>
   <body>
     <main>
-      <a
-        target="_blank"
-        rel="noopener noreferrer"
-        href="https://www.flaticon.com/free-icons/mortarboard"
-        title="Mortarboard icons created by itim2101 - Flaticon"
-        ><img src="../icon.png" alt="icon"
-      /></a>
-      <div class="col center title">
-        <h1>MoodleGPT</h1>
-        <p id="version"></p>
+      <div class="line center" style="margin-top: 1rem; margin-bottom: 1rem">
+        <a
+          target="_blank"
+          rel="noopener noreferrer"
+          href="https://www.flaticon.com/free-icons/mortarboard"
+          title="Mortarboard icons created by itim2101 - Flaticon"
+          ><img src="../icon.png" alt="icon"
+        /></a>
+        <div class="col center title">
+          <h1>MoodleGPT</h1>
+          <p id="version"></p>
+        </div>
       </div>
       <div class="line center">
         <label for="apiKey" class="textLabel">Api Key</label>
@@ -70,20 +72,6 @@
         <p>Settings:</p>
       </div>
       <div class="line center">
-        <div class="col">
-          <div class="line">
-            <input id="typing" type="checkbox" />
-            <label for="typing">Typing effect</label>
-          </div>
-          <div class="line">
-            <input id="mouseover" type="checkbox" />
-            <label for="mouseover">Mouseover effect</label>
-          </div>
-          <div class="line">
-            <input id="infinite" type="checkbox" />
-            <label for="infinite">Infinite try</label>
-          </div>
-        </div>
         <div class="col">
           <div class="line">
             <input id="logs" type="checkbox" />
@@ -102,6 +90,20 @@
             <label for="timeout">Request timeout</label>
           </div>
         </div>
+        <div class="col">
+          <div class="line">
+            <input id="typing" type="checkbox" />
+            <label for="typing">Typing effect</label>
+          </div>
+          <div class="line">
+            <input id="mouseover" type="checkbox" />
+            <label for="mouseover">Mouseover effect</label>
+          </div>
+          <div class="line">
+            <input id="infinite" type="checkbox" />
+            <label for="infinite">Infinite try</label>
+          </div>
+        </div>
       </div>
       <p id="message">Message</p>
       <div class="line center">
diff --git a/extension/popup/style.css b/extension/popup/style.css
index a65f7cb..93df10a 100644
--- a/extension/popup/style.css
+++ b/extension/popup/style.css
@@ -37,12 +37,6 @@ main {
 
 img {
   width: 5rem;
-  margin-top: 0.75rem;
-}
-
-.title {
-  margin-top: 0.75rem;
-  margin-bottom: 0.75rem;
 }
 
 a {
@@ -79,7 +73,6 @@ a {
 
 .line input[type="checkbox"] {
   accent-color: var(--btn-color);
-  margin-right: 0.3rem;
 }
 
 .col {
