From aefbd2ef7b880a74e584fcc93de516e1c282112c Mon Sep 17 00:00:00 2001
From: AlonsoGarcia255 <71342528+AlonsoGarcia255@users.noreply.github.com>
Date: Mon, 2 Aug 2021 00:58:14 -0500
Subject: [PATCH 1/2] Fixed blank space on mobile

- Added html and body styles
- Added flex-direction on .App
- Added a footer-wrapper
---
 frontend/src/App.css | 24 ++++++++++++++++++------
 frontend/src/App.js  |  6 ++++--
 2 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/frontend/src/App.css b/frontend/src/App.css
index 4018800..aca197c 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -9,9 +9,19 @@
   background: transparent;
 }
 
+html,
+body {
+  width: 100%;
+  height: 100%;
+  margin: 0px;
+  padding: 0px;
+  overflow-x: hidden;
+}
+
 /* General Rules */
 .App {
   display: flex;
+  flex-direction: column;
   text-align: center;
   justify-content: center;
   align-items: center;
@@ -37,12 +47,6 @@
 }
 
 footer {
-  position: absolute;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  bottom: 0;
-  margin-bottom: 10px;
   font-size: 13px;
   font-weight: 500;
 }
@@ -52,6 +56,14 @@ footer {
   margin-left: 8px;
 }
 
+.footer-wrapper {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: fit-content;
+  margin-bottom: 10px;
+}
+
 .btn {
   display: inline-flex;
   width: 85px;
diff --git a/frontend/src/App.js b/frontend/src/App.js
index c7ce14e..b192040 100644
--- a/frontend/src/App.js
+++ b/frontend/src/App.js
@@ -17,8 +17,10 @@ const ConditionalFooter = (props) => {
   }
   return (
       <footer>
-        Powered by <img src="logo_tecoding.svg" alt="tecoding" className="footer-logo"/>
-        <img src="logo_fetec.svg" alt="fetec" className="footer-logo"/>
+        <div className="footer-wrapper">
+          Powered by <img src="logo_tecoding.svg" alt="tecoding" className="footer-logo"/>
+          <img src="logo_fetec.svg" alt="fetec" className="footer-logo"/>
+        </div>
       </footer>
   )
 }

From a3c08f37fb9a72ef9908203e326b6c99e477d957 Mon Sep 17 00:00:00 2001
From: AlonsoGarcia255 <71342528+AlonsoGarcia255@users.noreply.github.com>
Date: Mon, 2 Aug 2021 01:03:48 -0500
Subject: [PATCH 2/2] Fixed resultado when the description is large

Height of Resultado-Container changed to 90% on mobile
---
 frontend/src/components/Resultado.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/components/Resultado.css b/frontend/src/components/Resultado.css
index 57a24e0..fdea76a 100644
--- a/frontend/src/components/Resultado.css
+++ b/frontend/src/components/Resultado.css
@@ -87,6 +87,10 @@
 }
 
 @media (max-width: 700px) {
+  .Resultado-Container {
+    height: 90%;
+  }
+
   .Resultado .top-section {
     padding-top: 10%;
   }