From 147b7b4a1ce23c295b57be47e23e1eda6d31cd80 Mon Sep 17 00:00:00 2001
From: Luca Di Leo <ldileo@digipa.it>
Date: Fri, 28 Jan 2022 13:01:51 +0100
Subject: [PATCH] Responsive fixes

---
 app/static/admin/css/forms.scss                  | 6 ++++++
 app/static/app/css/main.scss                     | 5 +++++
 app/static/app/js/components/ProjectListItem.jsx | 8 ++++----
 app/static/app/js/css/TaskListItem.scss          | 9 +++------
 4 files changed, 18 insertions(+), 10 deletions(-)

diff --git a/app/static/admin/css/forms.scss b/app/static/admin/css/forms.scss
index 915b5af8..ec650a1c 100644
--- a/app/static/admin/css/forms.scss
+++ b/app/static/admin/css/forms.scss
@@ -120,6 +120,12 @@
         margin-top: 0;
         margin-left: 160px;
         padding-left: 10px;
+
+        @media (max-width: 768px) { 
+            margin-left: 0;
+            padding-left: 0;
+        }
+
     }
 
     form .aligned label + p.help {
diff --git a/app/static/app/css/main.scss b/app/static/app/css/main.scss
index 5613550e..871b4031 100644
--- a/app/static/app/css/main.scss
+++ b/app/static/app/css/main.scss
@@ -268,4 +268,9 @@ footer{
 
 .floatfix{
     clear: both;
+}
+
+.btn {
+    margin-top: 2px;
+	margin-bottom: 2px; 
 }
\ No newline at end of file
diff --git a/app/static/app/js/components/ProjectListItem.jsx b/app/static/app/js/components/ProjectListItem.jsx
index 99e8a5e8..0d76613a 100644
--- a/app/static/app/js/components/ProjectListItem.jsx
+++ b/app/static/app/js/components/ProjectListItem.jsx
@@ -539,16 +539,16 @@ class ProjectListItem extends React.Component {
           <div className="row project-links">
             {numTasks > 0 ? 
               <span>
-                <i className='fa fa-tasks'>
-                </i> <a href="javascript:void(0);" onClick={this.toggleTaskList}>
+                <i className='fa fa-tasks'></i>
+                 <a href="javascript:void(0);" onClick={this.toggleTaskList}>
                   {interpolate(_("%(count)s Tasks"), { count: numTasks})} <i className={'fa fa-caret-' + (this.state.showTaskList ? 'down' : 'right')}></i>
                 </a>
               </span>
               : ""}
 
             {canEdit ? 
-                [<i key="edit-icon" className='far fa-edit'>
-                </i>,<a key="edit-text" href="javascript:void(0);" onClick={this.handleEditProject}> {_("Edit")}
+                [<i key="edit-icon" className='far fa-edit'></i>
+                ,<a key="edit-text" href="javascript:void(0);" onClick={this.handleEditProject}> {_("Edit")}
                 </a>]
             : ""}
           </div>
diff --git a/app/static/app/js/css/TaskListItem.scss b/app/static/app/js/css/TaskListItem.scss
index bb34217c..2cde635e 100644
--- a/app/static/app/js/css/TaskListItem.scss
+++ b/app/static/app/js/css/TaskListItem.scss
@@ -31,10 +31,6 @@
         }
     }
     
-    .fa-cog{
-        width: auto;
-    }
-
     .status-label{
         padding: 4px;
         padding-left: 8px;
@@ -53,6 +49,7 @@
         padding-top: 4px;
         padding-bottom: 16px;
         padding-left: 16px;
+        padding-right: 16px;
 
         .task-warning{
             margin-top: 16px;
@@ -84,7 +81,7 @@
             }
 
             .edit-button{
-                margin-right: 15px;
+                margin-right: 0px;
             }
 
             .asset-download-buttons{
@@ -102,7 +99,7 @@
     }
 
     .console-switch{
-        margin-right: 10px;
+        margin-right: 0px;
         margin-bottom: 8px;
         position: relative;
         z-index: 99;