code review fixes

kobotoolbox · Jul 31, 2024 · 21ba6a1 · 21ba6a1
1 parent cfb6087
commit 21ba6a1
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 1 deletion.
diff --git a/jsapp/js/components/formSummary.scss b/jsapp/js/components/formSummary.scss
@@ -86,6 +86,7 @@
     color: colors.$kobo-gray-40;
     border-bottom: 1px solid colors.$kobo-gray-92;
     position: relative;
+    text-align: initial;
 
     &:last-child {
       border-bottom: none;

diff --git a/jsapp/js/components/formSummaryProjectInfo.tsx b/jsapp/js/components/formSummaryProjectInfo.tsx
@@ -69,7 +69,7 @@ export default function FormSummaryProjectInfo(
         {metadata.description && (
           <bem.FormView__group m='items'>
             {/* description - takes whole row */}
-            <bem.FormView__cell m='padding'>
+            <bem.FormView__cell m={['padding', 'full-width']}>
               <bem.FormView__label>
                 {metadata.description?.label ?? t('Description')}
               </bem.FormView__label>

diff --git a/jsapp/scss/components/_kobo.form-view.scss b/jsapp/scss/components/_kobo.form-view.scss
@@ -313,6 +313,10 @@ $side-tabs-width-mobile: 70px;
     padding: 10px 20px;
   }
 
+  &.form-view__cell--full-width {
+    width: 100%;
+  }
+
   // preferably with or inside .form-view__cell--first
   &.form-view__cell--label {
     font-size: variables.$base-font-size;