basic styling for Changed

sledilnik · Dec 25, 2021 · 9bec727 · 9bec727
1 parent 555892b
commit 9bec727
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 7 deletions.
diff --git a/src/components/DoctorCard/PageInfo/index.js b/src/components/DoctorCard/PageInfo/index.js
@@ -123,13 +123,6 @@ const PageInfo = function PageInfo({ doctor, isReportError }) {
             </Shared.ConditionalLink>
           </Styled.PageInfo.LinkWrapper>
         )}
-        {doctor.updatedAt && (
-          <p>
-            {t('changedOn')}
-            {doctor.formatUpdatedAt(lng)}
-          </p>
-        )}
-        {doctor.note && <p>{doctor.note}</p>}
 
         <Stack sx={{ mt: { md: 2 } }}>
           <Stack direction="row" alignItems="center" spacing={1}>
@@ -164,6 +157,12 @@ const PageInfo = function PageInfo({ doctor, isReportError }) {
             </Tooltip>
           </Stack>
         </Stack>
+
+        <Styled.PageInfo.Changed>
+          {doctor.updatedAt && `${t('changedOn')}${doctor.formatUpdatedAt(lng)}`}
+          {doctor.note && <p>{doctor.note}</p>}
+        </Styled.PageInfo.Changed>
+
         {message && (
           <Alert sx={{ marginTop: '1rem' }} severity="success">
             {message}

diff --git a/src/components/DoctorCard/styles/PageInfo.js b/src/components/DoctorCard/styles/PageInfo.js
@@ -52,3 +52,11 @@ export const BackWrapper = styled(Stack)(() => ({
     fontWeight: 600,
   },
 }));
+
+export const Changed = styled(Stack)(() => ({
+  fontSize: '0.875rem',
+  fontWeight: 700,
+  letterSpacing: 0,
+  color: 'inherit',
+  whiteSpace: 'nowrap',
+}));