Revert "#163589070 Fixes responsiveness"

Chrismarcel · Jan 30, 2019 · 048fda1 · 048fda1
1 parent 9466a78
commit 048fda1
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 24 deletions.
diff --git a/UI/assets/css/styles.css b/UI/assets/css/styles.css
@@ -930,10 +930,8 @@ tr > td:last-child {
   }
 
   .hero {
-    padding: 65px 25px;
-    height: calc(100vh - 73px);
-    display: flex;
-    justify-content: space-evenly;
+    padding: 40px 25px;
+    height: auto;
   }
 
   .hero-title {
@@ -947,7 +945,7 @@ tr > td:last-child {
   }
 
   .hero-cta {
-    width: 55%;
+    width: 45%;
   }
 
   .hero-cta > a:first-child {
@@ -979,14 +977,10 @@ tr > td:last-child {
     padding: 20px;
   }
 
-  .features {
+  .featured {
     margin-top: -40px;
     clip-path: polygon(0 8%, 100% 0, 100% 100%, 0% 100%);
-    padding-top: 60px;
-  }
-
-  .features.section-dark {
-    padding-top: 115px;
+    padding-top: 150px;
   }
 
   .report-card:last-child {
@@ -998,16 +992,6 @@ tr > td:last-child {
     padding: 50px 25px;
   }
 
-  .divider {
-    display: block;
-    margin: 0 auto;
-    margin-bottom: 15px;
-  }
-
-  .form-group input, #attachment, .form-group button {
-    width: 100%
-  }
-
   .profile-card {
     width: 100%;
   }
@@ -1030,7 +1014,7 @@ tr > td:last-child {
     height: 90px;
   }
 
-  .cards-list > .report-card {
+  .user-reports > .cards-list > .report-card {
     margin-right: 0;
   }
 

diff --git a/UI/assets/js/viewReport.js b/UI/assets/js/viewReport.js
@@ -79,6 +79,8 @@ function getSingleReport(endpoint, id) {
     .then((reportObj) => {
       reportToggle.firstChild.nextSibling.remove();
       reportToggle.firstChild.remove();
+      const commentNode = document.querySelector('.modal-comment');
+      emptyNode(commentNode);
       renderReportDetails(reportObj.data);
     });
 }
@@ -105,8 +107,6 @@ document.body.addEventListener('click', (evt) => {
 
 document.querySelector('.report-modal .modal-close')
   .addEventListener('click', (evt) => {
-    const commentNode = document.querySelector('.modal-comment');
-    emptyNode(commentNode);
     const mediaNode = document.querySelector('.modal-images');
     mediaNode.innerHTML = '';
     toggleReportModal(evt);