From 5e4be5f6b239dbffd7165fc3fd0a83f433ffcc1f Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Fri, 19 Nov 2021 16:23:17 +0300
Subject: [PATCH] Add paddings in Application page

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../components/+preferences/application.tsx   | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/renderer/components/+preferences/application.tsx b/src/renderer/components/+preferences/application.tsx
index f99b65f306..39e962a0ff 100644
--- a/src/renderer/components/+preferences/application.tsx
+++ b/src/renderer/components/+preferences/application.tsx
@@ -54,7 +54,7 @@ export const Application = observer(() => {
   return (
     <section id="application">
       <h2 data-testid="application-header">Application</h2>
-      <section id="appearance">
+      <section id="appearance" className="mb-12">
         <SubTitle title="Theme"/>
         <Select
           options={ThemeStore.getInstance().themeOptions}
@@ -64,9 +64,9 @@ export const Application = observer(() => {
         />
       </section>
 
-      <hr/>
+      <hr className="mb-12"/>
 
-      <section id="shell">
+      <section id="shell" className="mb-12">
         <SubTitle title="Terminal Shell Path"/>
         <Input
           theme="round-black"
@@ -77,7 +77,9 @@ export const Application = observer(() => {
         />
       </section>
 
-      <section id="terminalSelection">
+      <hr className="mb-12"/>
+
+      <section id="terminalSelection" className="mb-12">
         <SubTitle title="Terminal copy & paste" />
         <FormSwitch
           label="Copy on select and paste on right-click"
@@ -91,9 +93,9 @@ export const Application = observer(() => {
         />
       </section>
 
-      <hr/>
+      <hr className="mb-12"/>
 
-      <section id="other">
+      <section id="startup" className="mb-12">
         <SubTitle title="Start-up"/>
         <FormSwitch
           control={
@@ -107,9 +109,9 @@ export const Application = observer(() => {
         />
       </section>
 
-      <hr />
+      <hr className="mb-12"/>
 
-      <section id="update-channel">
+      <section id="update-channel" className="mb-12">
         <SubTitle title="Update Channel"/>
         <Select
           options={updateChannelOptions}
@@ -119,7 +121,7 @@ export const Application = observer(() => {
         />
       </section>
 
-      <hr />
+      <hr className="mb-12"/>
 
       <section id="locale">
         <SubTitle title="Locale Timezone" />