Minor styles improvements

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>

app/soapbox/features/filters/index.js

@@ -215,6 +215,9 @@ class Filters extends ImmutablePureComponent {
 
             <Button className='button button-primary setup' text={intl.formatMessage(messages.add_new)} onClick={this.handleAddNew} />
 
+          </div>
+        </SimpleForm>
+
         <ColumnSubheading text={intl.formatMessage(messages.subheading_filters)} />
 
         <ScrollableList
@@ -256,13 +259,6 @@ class Filters extends ImmutablePureComponent {
             </div>
           ))}
         </ScrollableList>
-
-          </div>
-        </SimpleForm>
-
-
-
-
       </Column>
     );
   }

app/soapbox/features/list_adder/index.js

@@ -69,7 +69,7 @@ class ListAdder extends ImmutablePureComponent {
     const { accountId, listIds, intl } = this.props;
 
     return (
-      <div className='modal-root__modal compose-modal'>
+      <div className='modal-root__modal compose-modal list-editor__content'>
         <div className='compose-modal__header'>
           <h3 className='compose-modal__header__title'>
             <FormattedMessage id='list_adder.header_title' defaultMessage='Add or Remove from Lists' />

app/soapbox/features/list_editor/index.js

@@ -70,7 +70,7 @@ class ListEditor extends ImmutablePureComponent {
           </h3>
           <IconButton className='compose-modal__close' title={intl.formatMessage(messages.close)} src={require('@tabler/icons/icons/x.svg')} onClick={this.onClickClose} />
         </div>
-        <div className='compose-modal__content'>
+        <div className='compose-modal__content list-editor__content'>
           <div className='list-editor'>
             <ColumnSubheading text={intl.formatMessage(messages.changeTitle)} />
             <EditListForm />

app/styles/components/list-forms.scss

@@ -14,6 +14,10 @@
     border-radius: 8px 8px 0 0;
   }
 
+  &__content {
+    padding: 0;
+  }
+
   &__accounts {
     background: var(--background-color);
     overflow-y: auto;
@@ -33,7 +37,7 @@
   .search {
     display: flex;
     flex-direction: row;
-    margin: 10px 0;
+    margin: 10px;
 
     > label {
       flex: 1 1;

app/styles/ui.scss

@@ -246,6 +246,10 @@
   }
 }
 
+article:last-child > .domain {
+  border-bottom: none;
+}
+
 .domain__wrapper {
   display: flex;
 }