Fixed space issues (#1711)

* Fixed space issues * margin changes updated
AOT-Technologies · Nov 14, 2023 · b38297e · b38297e
1 parent c23ee6b
commit b38297e
Show file tree

Hide file tree

Showing 15 changed files with 25 additions and 25 deletions.
diff --git a/forms-flow-web/src/components/Application/ApplicationHistory.js b/forms-flow-web/src/components/Application/ApplicationHistory.js
@@ -72,7 +72,7 @@ const HistoryList = React.memo((props) => {
         <div className="">
           <div className="main-header">
             <h3 className="task-head">
-              <i className="fa fa-list" aria-hidden="true" />
+              <i className="fa fa-list mr-2" aria-hidden="true" />
               &nbsp;<Translation>{(t) => t("Submission History")}</Translation>
             </h3>
           </div>

diff --git a/forms-flow-web/src/components/Application/Details/index.js b/forms-flow-web/src/components/Application/Details/index.js
@@ -16,8 +16,8 @@ const Details = React.memo((props) => {
       spinner
       text={t("Select a task in the list.")}
     >
-      <div className="row m-0 bg-white p-3" style={{ fontWeight: "500px" }}>
-        <div className="col-md-6">
+      <div className="row m-0 bg-white py-3" style={{ fontWeight: "500px" }}>
+        <div className="col-md-6 px-0">
           <ApplicationDetails application={props.application} />
         </div>
       </div>

diff --git a/forms-flow-web/src/components/Application/ViewApplication.js b/forms-flow-web/src/components/Application/ViewApplication.js
@@ -88,11 +88,11 @@ const ViewApplication = React.memo(() => {
     <div className="">
       <div className="d-flex align-items-center">
         <Link title={t("Back to Submissions")} to={`${redirectUrl}application`} className="">
-          <i className="fa fa-chevron-left fa-lg" />
+          <i className="fa fa-chevron-left fa-lg mr-2" />
         </Link>
         <h3 className=" text-truncate">
           <span className="application-head-details">
-            <i className="fa fa-list-alt" aria-hidden="true" />
+            <i className="fa fa-list-alt mr-2" aria-hidden="true" />
             &nbsp; <Translation>{(t) => t("Submissions")}</Translation> /
           </span>{" "}
           {`${startCase(applicationDetail.applicationName)}`}

diff --git a/forms-flow-web/src/components/Dashboard/CardFormCounter.js b/forms-flow-web/src/components/Dashboard/CardFormCounter.js
@@ -22,7 +22,7 @@ const CardFormCounter = React.memo((props) => {
         >
           <div className="name">
             <div className="d-flex align-items-center">
-              <i className="fa-solid fa-file-lines p-1" />
+              <i className="fa-solid fa-file-lines p-1 mr-2" />
               <OverlayTrigger
                 placement="top"
                 delay={{ show: 0, hide: 400 }}

diff --git a/forms-flow-web/src/components/Dashboard/Dashboard.js b/forms-flow-web/src/components/Dashboard/Dashboard.js
@@ -183,12 +183,12 @@ const Dashboard = React.memo(() => {
         name: "Metrics",
         count: totalItems,
         onClick: () => dispatch(push(`${redirectUrl}metrics`)),
-        icon: "line-chart",
+        icon: "line-chart mr-2",
       },
       {
         name: "Insights",
         onClick: () => dispatch(push(`${redirectUrl}insights`)),
-        icon: "lightbulb-o",
+        icon: "lightbulb-o mr-2",
       },
     ];
   };

diff --git a/forms-flow-web/src/components/Draft/Details/index.js b/forms-flow-web/src/components/Draft/Details/index.js
@@ -16,8 +16,8 @@ const Details = React.memo((props) => {
       spinner
       text={t("Select a task in the list.")}
     >
-      <div className="row m-0 bg-white p-3" style={{ fontWeight: "500px" }}>
-        <div className="col-md-6">
+      <div className="row m-0 bg-white py-3" style={{ fontWeight: "500px" }}>
+        <div className="col-md-6 px-0">
           <DraftDetails draft={props.draft} />
         </div>
       </div>

diff --git a/forms-flow-web/src/components/Draft/Edit.js b/forms-flow-web/src/components/Draft/Edit.js
@@ -245,14 +245,14 @@ const View = React.memo((props) => {
           ></SubmissionError>
           {isAuthenticated ? (
             <Link title={t("Back to Drafts")} to={`${redirectUrl}draft`} className="">
-              <i className="fa fa-chevron-left fa-lg" />
+              <i className="fa fa-chevron-left fa-lg mr-2" />
             </Link>
           ) : null}
 
           {form.title ? (
             <h3 className="">
               <span className="task-head-details">
-                <i className="fa-solid fa-file-lines" aria-hidden="true" /> &nbsp;{" "}
+                <i className="fa-solid fa-file-lines mr-2" aria-hidden="true" /> &nbsp;{" "}
                 {t("Drafts")}/
               </span>{" "}
               {textTruncate(60,40,form.title)}

diff --git a/forms-flow-web/src/components/Draft/ViewDraft.js b/forms-flow-web/src/components/Draft/ViewDraft.js
@@ -70,11 +70,11 @@ const ViewDraft = React.memo(() => {
     <div className="" id="main">
       <div className="d-flex align-items-center">
         <Link title={t("Back to Drafts")} to={`${redirectUrl}draft`} className="mt-1">
-          <i className="fa fa-chevron-left fa-lg" />
+          <i className="fa fa-chevron-left fa-lg mr-2" />
         </Link>
         <h3 className="">
           <span className="application-head-details">
-            <i className="fa fa-list-alt" aria-hidden="true" />
+            <i className="fa fa-list-alt mr-2" aria-hidden="true" />
             &nbsp; <Translation>{(t) => t("Drafts")}</Translation> /
           </span>{" "}
           {`${startCase(draftDetail.DraftName)}`}

diff --git a/forms-flow-web/src/components/Form/Item/Submission/List.js b/forms-flow-web/src/components/Form/Item/Submission/List.js
@@ -119,7 +119,7 @@ const List = React.memo((props) => {
         <h3 className="ml-3">
           <span className="task-head-details d-flex align-items-center">
             {" "}
-            <i className="fa-solid fa-file-lines" aria-hidden="true" />
+            <i className="fa-solid fa-file-lines mr-2" aria-hidden="true" />
             <span className="forms-text">
               <Translation>{(t) => t("Forms")}</Translation> /
             </span>

diff --git a/forms-flow-web/src/components/Form/Item/View.js b/forms-flow-web/src/components/Form/Item/View.js
@@ -369,14 +369,14 @@ const View = React.memo((props) => {
           ></SubmissionError>
           {isAuthenticated ? (
             <Link title={t("Back to Form List")} to={`${redirectUrl}form`}>
-              <i className="fa fa-chevron-left fa-lg" />
+              <i className="fa fa-chevron-left fa-lg mr-2" />
             </Link>
           ) : null}
 
           {form.title ? (
             <h3 className="ml-3 text-truncate" style={{height :"45px"}}>
               <span className="task-head-details">
-                <i className="fa-solid fa-file-lines" aria-hidden="true" /> &nbsp;{" "}
+                <i className="fa-solid fa-file-lines mr-2" aria-hidden="true" /> &nbsp;{" "}
                 {t("Forms")}/
               </span>{" "}
               {form.title}

diff --git a/forms-flow-web/src/components/Form/List.js b/forms-flow-web/src/components/Form/List.js
@@ -149,7 +149,7 @@ const List = React.memo((props) => {
     return [
       {
         name: "Forms",
-        icon: "file-text-o",
+        icon: "file-text-o mr-2",
       },
     ];
   };

diff --git a/forms-flow-web/src/components/Form/Stepper.js b/forms-flow-web/src/components/Form/Stepper.js
@@ -367,7 +367,7 @@ class StepperPage extends PureComponent {
               to={`${this.state.redirectUrl}form`}
               title={t("Back to Form List")}
             >
-              <i className="fa fa-chevron-left fa-lg m-3" />
+              <i className="fa fa-chevron-left fa-lg m-2" />
             </Link>
           ) : null}
           <div className="paper-root">

diff --git a/forms-flow-web/src/components/Insights/Insights.js b/forms-flow-web/src/components/Insights/Insights.js
@@ -69,12 +69,12 @@ const Insights = React.memo((props) => {
         name: "Metrics",
         count: totalItems,
         onClick: () => dispatch(push(`${redirectUrl}metrics`)),
-        icon: "line-chart",
+        icon: "line-chart mr-2",
       },
       {
         name: "Insights",
         onClick: () => dispatch(push(`${redirectUrl}insights`)),
-        icon: "lightbulb-o",
+        icon: "lightbulb-o mr-2",
       },
     ];
   };
@@ -103,7 +103,7 @@ const Insights = React.memo((props) => {
                   role="main"
                 >
                   <h3 className="insight-title" data-testid="Dashboard">
-                    <i className="fa fa-bars mr-1" />{" "}
+                    <i className="fa fa-bars mr-2" />{" "}
                     <Translation>{(t) => t("Dashboard")}</Translation>
                   </h3>
 

diff --git a/forms-flow-web/src/components/Modeler/Main.js b/forms-flow-web/src/components/Modeler/Main.js
@@ -80,14 +80,14 @@ export default React.memo(() => {
   const headOptions = [
     {
       name: "BPMN",
-      icon: "fa-solid fa-gears",
+      icon: "fa-solid fa-gears mr-2",
       onClick: () => {
         handleChnageTab("BPMN");
       },
     },
     {
       name: "DMN",
-      icon: "fa-solid fa-gears",
+      icon: "fa-solid fa-gears mr-2",
       onClick: () => {
         handleChnageTab("DMN");
       },

diff --git a/forms-flow-web/src/containers/Head.js b/forms-flow-web/src/containers/Head.js
@@ -19,7 +19,7 @@ const Head = React.memo((props) => {
                 style={{ marginTop: "5px" }}
                 aria-hidden="true"
               />
-              <span className="application-text">
+              <span className="application-text ml-2">
                 <Translation>{(t) => t(item?.name)}</Translation>
               </span>
               {item?.count ? (