31256_disclaimer

@@ -40,7 +40,7 @@
   background-color:#343541;
   position:relative;
   overflow-y:scroll;
-  padding-bottom:95px;
+  padding-bottom:103px;
 }
 
 .App-logo {
@@ -72,6 +72,47 @@
   box-shadow: 0 0 8px 0 rgba(0,0,0,0.25);
 }
 
+#openai_disclaimer {
+  display: block;
+  margin-top: 10px;
+  text-align: center;
+}
+
+#openai_disclaimer a {
+  color: rgba(255,255,255,0.5);
+  font-size: 12px;
+}
+
+#openai_disclaimer a br {
+  display: none;
+}
+
+@media screen and (max-width: 720px) {
+  div.suggested,
+  div.chat-log {
+    bottom: 122px;
+  }
+  section.chatbox {
+    padding-bottom: 122px;
+  }
+  #openai_disclaimer a br {
+    display: inline-block;
+  }
+}
+
+@media screen and (max-width: 640px) {
+  div.suggested,
+  div.chat-log {
+    bottom: 75px;
+  }
+  section.chatbox {
+    padding-bottom: 75px;
+  }
+  #openai_disclaimer {
+    display: none;
+  }
+}
+
 .App-header {
   background-color: #282c34;
   min-height: 100vh;
@@ -89,7 +130,7 @@
 
 .chat-log {
   position: absolute;
-  top:0;right:0;bottom:89px;left:0;
+  top:0;right:0;bottom:103px;left:0;
   overflow-y:scroll;
   text-align:left;
 }
@@ -224,7 +265,7 @@
 
     top: 0;
     right: 0;
-    bottom: 89px;
+    bottom: 103px;
     left: 0;
     overflow-y: scroll;
 }

@@ -32,6 +32,12 @@ const ChatBox = ({chatLog, setChatInput, handleSubmit, chatInput, startedInterac
               setStartedInteraction(true);
             }}>Submit</button>
         </form>
+        <div id="openai_disclaimer">
+          <a href="https://ai-pro.org/disclaimer/" target="_blank" rel="noreferrer">
+            AI-PRO is powered by Open-AI. <br/>We are neither affiliated nor related
+            to Open-AI.
+          </a>
+        </div>
       </div>
     </section>
   )