button padding changed

AOT-Technologies · Nov 14, 2023 · 73f21c0 · 73f21c0
1 parent ea66b2f
commit 73f21c0
Show file tree

Hide file tree

Showing 7 changed files with 24 additions and 12 deletions.
diff --git a/forms-flow-admin/src/components/dashboard/dashboard.tsx b/forms-flow-admin/src/components/dashboard/dashboard.tsx
@@ -240,10 +240,11 @@ export const InsightDashboard = React.memo((props: any) => {
             <Button
               data-testid={rowIdx}
               onClick={(e) => handleClick(e, rowData)}
-              className="btn btn-primary btn-md form-btn pull-left btn-left"
+              className="btn btn-primary"
               disabled={!isGroupUpdated}
             >
-              <Translation>{(t) => t("Add")}</Translation> <b>+</b>
+              <i className="fa-solid fa-plus mr-2"></i>
+              <Translation>{(t) => t("Add")}</Translation>  
             </Button>
           </OverlayTrigger>
         );

diff --git a/forms-flow-admin/src/components/roles/roles.tsx b/forms-flow-admin/src/components/roles/roles.tsx
@@ -534,8 +534,8 @@ const Roles = React.memo((props: any) => {
               </Button>
             )}
           </div>
-          <Button variant="primary" className="font-size col-xl-2 col-lg-3 col-md-3 col-sm-4" onClick={handleShowRoleModal}>
-            <i className="fa fa-l fa-plus-circle mr-2" /> <Translation>{(t) => t("Create New Role")}</Translation>
+          <Button variant="primary"  onClick={handleShowRoleModal}>
+          <i className="fa-solid fa-plus mr-2"></i> <Translation>{(t) => t("Create New Role")}</Translation>
           </Button>
         </div>
         {!props?.loading ? (

diff --git a/forms-flow-admin/src/components/users/users.tsx b/forms-flow-admin/src/components/users/users.tsx
@@ -314,8 +314,8 @@ const Users = React.memo((props: any) => {
               </Popover>
             }
           >
-            <Button variant="primary" onClick={() => addRole(rowData)}>
-              <i className="fa fa-l fa-plus-circle mr-2" /> <Translation>{(t) => t("Add Role")}</Translation>
+            <Button variant="primary btn-small" onClick={() => addRole(rowData)}>
+            <i className="fa-solid fa-plus mr-2"></i> <Translation>{(t) => t("Add Role")}</Translation>
             </Button>
           </OverlayTrigger>
         );

diff --git a/forms-flow-theme/src/components/button.scss b/forms-flow-theme/src/components/button.scss
@@ -0,0 +1,3 @@
+.btn-small{
+    padding: 4px 8px !important;
+}
diff --git a/forms-flow-theme/src/global.scss b/forms-flow-theme/src/global.scss
@@ -1,9 +1,11 @@
 @import "./utils/cursor.scss";
 @import "./utils/overflow.scss";
 @import "./components/toastifyOverride.scss";
-@import "./bootstrapOverride.scss";
+@import "./overrideClasses/bootstrapOverride.scss";
+@import "./overrideClasses/formioComponentOverride.scss";
 @import "./baseStyle.scss";
 @import "./components/custom-table.scss";
+@import "./components/button.scss";
 
 :root {
   --color-primary: #0072ed;
@@ -76,8 +78,7 @@
   font-size: 18px;
 }
 
-.btn-primary {
-  padding: 4px 12px;
+.btn-primary { 
   background-color: var(--button-primary-background);
 }
 
@@ -577,9 +578,7 @@ a {
   margin-left: 5px;
 }
 
-.btn {
-  padding: 4px 8px !important;
-}
+
 
 div.upload {
   background-color: rgb(239, 239, 239);

diff --git a/forms-flow-theme/src/bootstrapOverride.scss → ...rc/overrideClasses/bootstrapOverride.scss b/forms-flow-theme/src/bootstrapOverride.scss → ...rc/overrideClasses/bootstrapOverride.scss
@@ -13,4 +13,9 @@
 
 .table td {
   vertical-align: inherit !important;
+}
+
+/* ------------------------- button padding override ------------------------ */
+.btn{
+  padding: 8px 16px !important;
 }
diff --git a/forms-flow-theme/src/overrideClasses/formioComponentOverride.scss b/forms-flow-theme/src/overrideClasses/formioComponentOverride.scss
@@ -0,0 +1,4 @@
+.btn-group-xxs>.btn, .btn-xxs, .component-btn-group .component-settings-button{
+    width: auto !important;
+    height: auto !important;
+}