Login module fixes

ui/src/components/Card/card.scss

@@ -4,6 +4,7 @@
   background: $color-brand-white-base;
   border-radius: 0.6rem;
   border: 1px solid $color-brand-secondary-lightest;
+  margin: 0 20px 20px;
   transition: box-shadow 0.3s ease;
   width: 20rem;
 }

ui/src/components/ContentMapper/index.scss

@@ -66,7 +66,8 @@
 }
 .dropdown-align {
   .Dropdown__menu--primary {
-    right: 0.25rem;
+    right: 0;
+    top: 1.5rem;
   }       
 }
 .content-type-list {

ui/src/components/ContentMapper/index.tsx

@@ -1007,7 +1007,6 @@ const ContentMapper = () => {
 
                   {active == index && (
 
-                    <span>
                       <Dropdown
                         // version="v2"
                         list={[
@@ -1018,21 +1017,20 @@ const ContentMapper = () => {
                           }
                         ]}
                         type="click"
-                        isEllipse
+                        withIcon
                         dropDownPosition="left"
                         className='dropdown-align'
                       >
-                        <Icon icon="Settings" size="small" version="v2" />
+                        <Icon icon="DotsThreeLargeVertical" version="v2" />
                       </Dropdown>
-                      {/* <Tooltip content={'Schema Preview'} position="left">
+                      /* <Tooltip content={'Schema Preview'} position="left">
                         <Icon
                           icon="LivePreview"
                           size="small"
                           version="v2"
                           onClick={() => handleOnClick(content?.otherCmsTitle)}
                         />
-                      </Tooltip> */}
-                    </span>
+                      </Tooltip> */
                   )}
                 </li>
               ))}

ui/src/pages/Home/index.tsx

@@ -36,7 +36,7 @@ const Home = () => {
     <div className="d-flex vh-100 align-items-center justify-content-center flex-column">
       {heading && <h1 className="pb-3">{heading}</h1>}
 
-      {description && parse(description)}
+      {description && <div className='welcome-para'>{parse(description)}</div>}
 
       {cta?.title && (
         <Link to={cta?.url as string} className="btn primary-btn pb-0 mt-3">

ui/src/pages/RegionalLogin/index.scss

@@ -60,9 +60,12 @@
     background-color: rgba(0, 0, 0, 0);
     border-top: 0 solid rgba(34, 34, 34, 0.125);
     padding: 0.625rem 1.25rem;
+    .stretched-link {
+      line-height: $line-height-default;
+    }
     [class*='link-arrow'] {
       &:after {
-        top: 8px;
+        top: 6px;
       }
     }
   }

ui/src/scss/App.scss

@@ -315,9 +315,13 @@ h1 {
 h2 {
   color: $color-base-black-base;
   font-size: $size-font-5-xl;
-  font-weight: $font-weight-bold;
   line-height: 1.5;
 }
+.welcome-para {
+  p {
+    color: $color-font-black;
+  }
+}
 .pb-32 {
   padding-bottom: $px-32;
 }