From 89a84faf14d9793a9c864f0a9905db3eaae72acd Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Fri, 19 Nov 2021 16:24:10 +0300
Subject: [PATCH] Add paddings in Proxy page

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/+preferences/proxy.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/renderer/components/+preferences/proxy.tsx b/src/renderer/components/+preferences/proxy.tsx
index b85bd5e0e1..0ee94c6d0f 100644
--- a/src/renderer/components/+preferences/proxy.tsx
+++ b/src/renderer/components/+preferences/proxy.tsx
@@ -31,7 +31,7 @@ export const LensProxy = observer(() => {
 
   return (
     <section id="proxy">
-      <section>
+      <section className="mb-12">
         <h2 data-testid="proxy-header">Proxy</h2>
         <SubTitle title="HTTP Proxy"/>
         <Input
@@ -41,14 +41,14 @@ export const LensProxy = observer(() => {
           onChange={v => setProxy(v)}
           onBlur={() => UserStore.getInstance().httpsProxy = proxy}
         />
-        <small className="hint">
+        <p className="pt-4">
           Proxy is used only for non-cluster communication.
-        </small>
+        </p>
       </section>
 
-      <hr className="small"/>
+      <hr className="mb-12"/>
 
-      <section className="small">
+      <section>
         <SubTitle title="Certificate Trust"/>
         <FormSwitch
           control={
@@ -60,11 +60,11 @@ export const LensProxy = observer(() => {
           }
           label="Allow untrusted Certificate Authorities"
         />
-        <small className="hint">
+        <p className="pt-4 leading-snug">
           This will make Lens to trust ANY certificate authority without any validations.{" "}
           Needed with some corporate proxies that do certificate re-writing.{" "}
           Does not affect cluster communications!
-        </small>
+        </p>
       </section>
     </section>
   );