Fix status manager UI

Author: kazup01

src/cloud/components/Views/Kanban/index.tsx

@@ -19,6 +19,7 @@ import { SerializedView } from '../../../interfaces/db/view'
 import { useCloudApi } from '../../../lib/hooks/useCloudApi'
 import { useCloudResourceModals } from '../../../lib/hooks/useCloudResourceModals'
 import { useI18n } from '../../../lib/hooks/useI18n'
+import MetadataContainerBreak from '../../../../design/components/organisms/MetadataContainer/atoms/MetadataContainerBreak'
 import {
   KanbanViewList,
   useKanbanView,
@@ -176,7 +177,7 @@ const KanbanView = ({
                             label={status}
                             onSave={(status) => editStatus(status)}
                           />
-                          <hr />
+                          <MetadataContainerBreak />
                         </>
                       )}
                     </ListSettings>,

src/design/components/molecules/Form/atoms/FormColorSelect.tsx

@@ -34,6 +34,7 @@ const FormColorSelect = ({
 const Container = styled.div`
   display: inline-block;
   position: relative;
+  width: 100%;
 
   & > .form__color__selector {
     position: absolute;

src/design/components/molecules/Form/atoms/FormInput.tsx

@@ -118,6 +118,7 @@ const StyledInput = styled.input`
   background: none;
   border: 1px solid ${({ theme }) => theme.colors.border.main};
   color: ${({ theme }) => theme.colors.text.primary};
+  width: 100%;
 
   &:read-only {
     background: ${({ theme }) => theme.colors.background.secondary};

src/design/components/organisms/MetadataContainer/index.tsx

@@ -43,7 +43,7 @@ const Container = styled.div`
   .metadata__scroll {
     width: 100%;
     height: 100%;
-    padding: ${({ theme }) => theme.sizes.spaces.df}px 0;
+    padding: ${({ theme }) => theme.sizes.spaces.sm}px 0;
   }
 
   .metadata__container {

src/design/components/organisms/MetadataContainer/molecules/MetadataContainerRow.tsx

@@ -191,7 +191,6 @@ const Container = styled.div`
   .metadata__item__header {
     text-transform: uppercase;
     color: ${({ theme }) => theme.colors.text.subtle} !important;
-    margin-left: ${({ theme }) => theme.sizes.spaces.df}px;
   }
 `