From 30535136252415aed415e8209292b3066ad03301 Mon Sep 17 00:00:00 2001
From: Kyle Swanson <swansonk.14@gmail.com>
Date: Wed, 6 Dec 2023 12:57:34 -0800
Subject: [PATCH] Moving one-line explanation to header

---
 admet_ai/web/app/static/stylesheets/style.css |  4 ++++
 admet_ai/web/app/templates/index.html         | 15 ++++++++-------
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/admet_ai/web/app/static/stylesheets/style.css b/admet_ai/web/app/static/stylesheets/style.css
index 94fe842..d0df203 100644
--- a/admet_ai/web/app/static/stylesheets/style.css
+++ b/admet_ai/web/app/static/stylesheets/style.css
@@ -9,6 +9,7 @@ body {
 .navbar-header {
     display: flex;
     align-items: center;
+    text-wrap: nowrap;
 }
 
 .navbar.navbar-inverse {
@@ -21,6 +22,8 @@ body {
     margin-top: 10px;
     margin-bottom: 10px;
     width: 60%;
+    display: flex;
+    align-items: center;
 }
 
 #header-logo {
@@ -40,6 +43,7 @@ body {
 
 #intro-text {
     font-size: 18px;
+    margin: 0;
 }
 
 .dropdown-title {
diff --git a/admet_ai/web/app/templates/index.html b/admet_ai/web/app/templates/index.html
index 6a241c3..bfad6b0 100644
--- a/admet_ai/web/app/templates/index.html
+++ b/admet_ai/web/app/templates/index.html
@@ -38,6 +38,14 @@
                 <h2 id="header-title">ADMET-AI</h2>
             </div>
         </a>
+        <p id="intro-text">
+            <b>ADMET-AI</b> is a simple, fast, and accurate web interface for predicting the <b>A</b>bsorption,
+            <b>D</b>istribution,
+            <b>M</b>etabolism, <b>E</b>xcretion, and <b>T</b>oxicity (<strong>ADMET</strong>) properties of molecules
+            using
+            machine learning
+            models.
+        </p>
     </div>
 </nav>
 
@@ -47,13 +55,6 @@ <h2 id="header-title">ADMET-AI</h2>
 
 <div class="container" id="description">
     <h1>ADMET-AI</h1>
-    <p id="intro-text">
-        <b>ADMET-AI</b> is a simple, fast, and accurate web interface for predicting the <b>A</b>bsorption,
-        <b>D</b>istribution,
-        <b>M</b>etabolism, <b>E</b>xcretion, and <b>T</b>oxicity (<strong>ADMET</strong>) properties of molecules using
-        machine learning
-        models.
-    </p>
 
     <button id="background-collapse-button" class="btn btn-link2 collapse-button" type="button" data-toggle="collapse"
             data-target="#background-text" aria-expanded="false" aria-controls="background-text">