#351: solved project form layout issue

fabric-testbed · Dec 9, 2024 · c6a023e · c6a023e
1 parent ced921a
commit c6a023e
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 19 deletions.
diff --git a/src/components/Project/Community/CommunityTags.jsx b/src/components/Project/Community/CommunityTags.jsx
@@ -46,7 +46,6 @@ class Community extends React.Component {
         <Form>
         {
           canUpdate &&         
-          <Container>
             <Row>
               <Col xs={4}>
                 <Form.Group className="mb-3" controlId="communityAgencySelect">
@@ -92,7 +91,6 @@ class Community extends React.Component {
                 </Button>
               </Col>
             </Row>
-          </Container>
         }
         <div className="ms-1">
             <ul className="input-tag__tags">

diff --git a/src/components/common/Form/InputTag.jsx b/src/components/common/Form/InputTag.jsx
@@ -36,7 +36,7 @@ class InputTag extends React.Component {
   render() {
     const { name, label, tags, disabled } = this.props;
     return (
-       !disabled ? <div className="form-group">
+       !disabled ? <div className="form-group mt-5">
         <label htmlFor={name}>{label}</label>
         <div className="input-tag form-control">
           <ul className="input-tag__tags">

diff --git a/src/pages/ProjectForm.jsx b/src/pages/ProjectForm.jsx
@@ -649,31 +649,31 @@ class ProjectForm extends Form {
               <div className="d-flex flex-row justify-content-end">
                 <button
                   type="button"
-                  className="btn btn-sm btn-outline-success mr-2 my-3"
+                  className="btn btn-sm btn-outline-success me-2 my-3"
                   onClick={() => window.open(
                     `${portalData.jiraLinks.projectPermissionRequest}?${urlSuffix}`,
                     "_blank")
                   }
                 >
-                  <i className="fa fa-sign-in mr-2"></i>
+                  <i className="fa fa-sign-in me-2"></i>
                   Request Permissions
                 </button>
                 <button
                   type="button"
-                  className="btn btn-sm btn-outline-success mr-2 my-3"
+                  className="btn btn-sm btn-outline-success me-2 my-3"
                   onClick={() => window.open(
                     `${portalData.jiraLinks.storageRequest}?${urlSuffix}`,
                     "_blank")
                   }
                 >
-                  <i className="fa fa-sign-in mr-2"></i>
+                  <i className="fa fa-sign-in me-2"></i>
                   Request Storage
                 </button>
                 <Link to="/experiments#projects">
                   <button
                     className="btn btn-sm btn-outline-primary my-3"
                   >
-                    <i className="fa fa-sign-in mr-2"></i>
+                    <i className="fa fa-sign-in me-2"></i>
                     Back to Project List
                   </button>
                 </Link>
@@ -683,7 +683,7 @@ class ProjectForm extends Form {
                 <button
                   className="btn btn-sm btn-outline-primary my-3"
                 >
-                  <i className="fa fa-sign-in mr-2"></i>
+                  <i className="fa fa-sign-in me-2"></i>
                   Back to Project List
                 </button>
               </Link>
@@ -696,7 +696,7 @@ class ProjectForm extends Form {
               role="alert"
             >
               <span>
-                <i className="fa fa-exclamation-triangle mr-2"></i>
+                <i className="fa fa-exclamation-triangle me-2"></i>
                 This project is expired and no operations are allowed. Please submit a ticket to renew the project.
               </span>
               <button
@@ -707,7 +707,7 @@ class ProjectForm extends Form {
                   "_blank")
                 }
               >
-                <i className="fa fa-sign-in mr-2"></i>
+                <i className="fa fa-sign-in me-2"></i>
                 Renew Project
               </button>
             </div>
@@ -720,7 +720,7 @@ class ProjectForm extends Form {
               role="alert"
             >
               <div>
-                <i className="fa fa-exclamation-triangle mr-2"></i>
+                <i className="fa fa-exclamation-triangle me-2"></i>
                 This project is going to expire in a month on {utcToLocalTimeParser(data.expired)}. 
                 {
                   canUpdate ? <span> Please submit a ticket to renew the project.</span> : 
@@ -736,17 +736,19 @@ class ProjectForm extends Form {
                       "_blank")
                     }
                   >
-                    <i className="fa fa-sign-in mr-2"></i>
+                    <i className="fa fa-sign-in me-2"></i>
                     Renew Project
                   </button> : <div></div>
               }
             </div>
           }
           <div className="row mt-4">
-            <SideNav
-              items={SideNavItems}
-              handleChange={this.handleSideNavChange}
-            />
+            <div className="col-3">
+              <SideNav
+                items={SideNavItems}
+                handleChange={this.handleSideNavChange}
+              />
+            </div>
             <div
               className={`${activeIndex === 0 ? "col-9" : "d-none"}`}
             >  
@@ -763,9 +765,9 @@ class ProjectForm extends Form {
                       portalData.helperText.privacyPreferencesDescription
                     )
                   }
-                  {
+                  {/* {
                     this.renderInputTag("topics", "Project Topics", topics, canUpdate)
-                  }
+                  } */}
               </form>
               <ProjectBasicInfoTable
                 project={data}