From 8b45ac5e26a1dd266b0de9bb442afe50169739c6 Mon Sep 17 00:00:00 2001
From: Alexander_Kabui
Date: Thu, 5 Sep 2024 17:29:23 +0300
Subject: Fix media query for medium to small size devices.

---
 gn2/wqflask/templates/gnqa.html | 55 ++++++++++++++++++++---------------------
 1 file changed, 27 insertions(+), 28 deletions(-)

(limited to 'gn2')

diff --git a/gn2/wqflask/templates/gnqa.html b/gn2/wqflask/templates/gnqa.html
index a2c1c276..158b0b4e 100644
--- a/gn2/wqflask/templates/gnqa.html
+++ b/gn2/wqflask/templates/gnqa.html
@@ -125,34 +125,33 @@
         </form>
         <article id="swap" class="row">
             <div class="row gnqa-copy">
-                <p class="col-sm-10 col-sm-offset-1 col-md-offset-3 col-md-6">
-                    Welcome to the GeneNetwork Question and Answer (GNQA)system. We utilize a large language model and 3000 scientific publications to make GNQA a subject matter expert in three areas: <b><a href="/">GeneNetwork.org</a></b>, <b>genomics/genetics with regards to diabetes</b> and <b>genomics/genetics with regards to agin.</b>.
-                </p>
-                <p class="col-sm-11 col-md-offset-3 col-md-6">
-                    At the moment when you ask GNQA something it will attempt to return a sensible answer with <q>real</q> references. To this end we aim to reduce hallucinations and provide a knowledge launchpad for a researcher to enhance their knowledge on the relevant subject matter.
-                </p>
-                <p class="col-sm-11 col-md-offset-3 col-md-6">
-                    GNQA is not a finished product as we are working diligently to improve it daily.
-                </p>
-                <p class="col-sm-11 col-md-offset-3 col-md-6">
-                    <b>Thanks for using GNQA!</b>
-                </p>
-            </div>
-        </article>
-    </section>
-{% endblock %}
-{% block js %}
-    <script src="{{ url_for('js', filename='jquery/jquery.min.js') }}"
-            type="text/javascript"></script>
-    <script language="javascript"
-            type="text/javascript"
-            src="{{ url_for('js', filename='jquery-ui/jquery-ui.min.js') }}"></script>
-    <script language="javascript"
-            type="text/javascript"
-            src="{{ url_for('js', filename='htmx.min.js') }}"></script>
-    <script type="text/javascript">
+                <div class="col-sm-10 col-sm-offset-1 col-md-offset-3 col-md-6">
+                    <p>
+                        Welcome to the GeneNetwork Question and Answer (GNQA)system. We utilize a large language model and 3000 scientific publications to make GNQA a subject matter expert in three areas: <b><a href="/">GeneNetwork.org</a></b>, <b>genomics/genetics with regards to diabetes</b> and <b>genomics/genetics with regards to agin.</b>.
+                    </p>
+                    <p>
+                        At the moment when you ask GNQA something it will attempt to return a sensible answer with <q>real</q> references. To this end we aim to reduce hallucinations and provide a knowledge launchpad for a researcher to enhance their knowledge on the relevant subject matter.
+                    </p>
+                    <p>GNQA is not a finished product as we are working diligently to improve it daily.</p>
+                    <p>
+                        <b>Thanks for using GNQA!</b>
+                    </p>
+                    <div></div>
+                </article>
+            </section>
+        {% endblock %}
+        {% block js %}
+            <script src="{{ url_for('js', filename='jquery/jquery.min.js') }}"
+                    type="text/javascript"></script>
+            <script language="javascript"
+                    type="text/javascript"
+                    src="{{ url_for('js', filename='jquery-ui/jquery-ui.min.js') }}"></script>
+            <script language="javascript"
+                    type="text/javascript"
+                    src="{{ url_for('js', filename='htmx.min.js') }}"></script>
+            <script type="text/javascript">
  document.addEventListener('DOMContentLoaded', function() {
      $('footer').hide()
  });
-    </script>
-{% endblock %}
+            </script>
+        {% endblock %}
-- 
cgit v1.2.3