Responsive fixes

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 {

app/static/app/css/main.scss

@@ -268,4 +268,9 @@ footer{
 
 .floatfix{
     clear: both;
+}
+
+.btn {
+    margin-top: 2px;
+	margin-bottom: 2px; 
 }

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>

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;