reset table-padding

frontend/src/css/groups.css

@@ -1,3 +1,17 @@
+.group-table-container {
+  padding-top: 0.625rem !important;
+}
+
+.group-table-container thead th { /* overwrite bootstrap styles */
+  padding: 0;
+  font-size: 0;
+  border: 0;
+}
+
+.group-table-container td { /* overwrite bootstrap styles */
+  border-top:0;
+}
+
 .group-item-heading {
   font-size: 16px;
   font-weight: normal;
@@ -12,14 +26,7 @@
   border-bottom: 1px solid #e5e5e5;
   margin: 0 0 32px;
 }
-.group-item-table thead th { /* overwrite bootstrap styles */
+
-  padding: 0;
-  font-size: 0;
-  border: 0;
-}
-.group-item-table td { /* overwrite bootstrap styles */
-  border-top:0;
-}
 .group-top-op-icon {
     display: inline-block;
     font-size: 22px;

frontend/src/css/layout.css

@@ -95,7 +95,7 @@
 }
 
 .cur-view-content {
-  padding: 0.625rem 1rem 1.25rem;
+  padding: 1.625rem 1rem 1.25rem;
   height: calc(100% - 40px);
   flex: 1;
   min-height: 0;

frontend/src/pages/groups/groups-view.js

@@ -139,7 +139,7 @@ class GroupsView extends React.Component {
             <div className="cur-view-path">
               <h3 className="sf-heading">{gettext("My Groups")}</h3>
             </div>
-            <div className="cur-view-content">
+            <div className="cur-view-content group-table-container">
               {this.state.isLoading && <Loading />}
               {(!this.state.isLoading && this.state.errorMsg !== '') && this.state.errorMsg}
               {/* {(!this.state.isLoading && this.state.groupList.length === 0 ) && emptyTip} //todo */}

media/css/seahub_react.css

@@ -791,7 +791,6 @@ table th, table td {
     border-bottom: 1px solid #eee;
 }
 table th {
-    padding-top: 1rem;
     text-align: left;
     font-weight: normal;
     font-size: 13px;