Merge pull request #5617 from afwillia/SWC-7171

SWC-7171 - improve profile page mobile styling
Sage-Bionetworks · Jan 24, 2025 · 11798db · 11798db
2 parents 908e027 + c0e0a57
commit 11798db
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/.../resources/org/sagebionetworks/web/client/widget/profile/UserProfileWidgetViewImpl.ui.xml b/.../resources/org/sagebionetworks/web/client/widget/profile/UserProfileWidgetViewImpl.ui.xml
@@ -28,27 +28,27 @@
         paddingRight="50"
       >
         <MUI:Grid container="true">
-          <MUI:Grid md="12" lg="6">
+          <MUI:Grid xs="6" md="12" lg="6">
             <b:FormGroup>
               <b:FormLabel for="firstName">First Name</b:FormLabel>
               <bh:Paragraph ui:field="firstNameRenderer" />
             </b:FormGroup>
           </MUI:Grid>
-          <MUI:Grid md="12" lg="6">
+          <MUI:Grid xs="6" md="12" lg="6">
             <b:FormGroup>
               <b:FormLabel for="lastName">Last Name</b:FormLabel>
               <bh:Paragraph ui:field="lastNameRenderer" />
             </b:FormGroup>
           </MUI:Grid>
         </MUI:Grid>
         <MUI:Grid container="true">
-          <MUI:Grid md="12" lg="6">
+          <MUI:Grid xs="6" md="12" lg="6">
             <b:FormGroup>
               <b:FormLabel for="currentPosition">Current Position</b:FormLabel>
               <bh:Paragraph ui:field="currentPositionRenderer" />
             </b:FormGroup>
           </MUI:Grid>
-          <MUI:Grid md="12" lg="6">
+          <MUI:Grid xs="6" md="12" lg="6">
             <b:FormGroup>
               <b:FormLabel for="currentAffiliation">
                 Current Affiliation
@@ -69,14 +69,14 @@
           </MUI:Grid>
         </MUI:Grid>
         <MUI:Grid container="true">
-          <MUI:Grid md="12" lg="6">
+          <MUI:Grid xs="6" md="12" lg="6">
             <b:FormGroup ui:field="usernameFormGroup">
               <b:FormLabel for="username">Username</b:FormLabel>
               <bh:Paragraph ui:field="usernameRenderer" />
               <b:HelpBlock ui:field="usernameHelpBlock" />
             </b:FormGroup>
           </MUI:Grid>
-          <MUI:Grid md="12" lg="6">
+          <MUI:Grid xs="6" md="12" lg="6">
             <b:FormGroup ui:field="linkFormGroup">
               <b:FormLabel for="link">Website</b:FormLabel>
               <bh:Div>
@@ -87,13 +87,13 @@
           </MUI:Grid>
         </MUI:Grid>
         <MUI:Grid container="true">
-          <MUI:Grid md="12" lg="6">
+          <MUI:Grid xs="6" md="12" lg="6">
             <b:FormGroup>
               <b:FormLabel for="industry">Industry/Discipline</b:FormLabel>
               <bh:Paragraph ui:field="industryRenderer" />
             </b:FormGroup>
           </MUI:Grid>
-          <MUI:Grid md="12" lg="6">
+          <MUI:Grid xs="6" md="12" lg="6">
             <b:FormGroup>
               <b:FormLabel for="location">City, Country</b:FormLabel>
               <bh:Paragraph ui:field="locationRenderer" />

diff --git a/src/main/webapp/sass/_core.scss b/src/main/webapp/sass/_core.scss
@@ -3757,9 +3757,9 @@ div.border {
     grid-template-columns: 120px auto;
     grid-template-rows: 140px auto auto;
     .profileImageContainer {
-      grid-column: 1 / span 1;
+      grid-column: 1 / 2;
       grid-row: 1 / span 1;
-      justify-self: end;
+      justify-self: center;
     }
     .profileFormContainer {
       grid-column: 1 / span 2;