Moving one-line explanation to header

swansonk14 · Dec 6, 2023 · 3053513 · 3053513
1 parent 3aaf6f8
commit 3053513
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 7 deletions.
diff --git 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
@@ -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">