From 51248f2588ca311ffcba1a91dc90bbbd531dc73a Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Mon, 23 May 2022 16:47:14 +0530
Subject: [PATCH] fix: file list item icon alignment (#1039)

---
 .../javascripts/Components/ContentListView/FileListItem.tsx   | 2 +-
 .../Components/NoAccountWarning/NoAccountWarning.tsx          | 2 +-
 app/assets/stylesheets/_sn.scss                               | 4 ++++
 app/assets/stylesheets/_ui.scss                               | 3 ---
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/assets/javascripts/Components/ContentListView/FileListItem.tsx b/app/assets/javascripts/Components/ContentListView/FileListItem.tsx
index 1e6be7ba1..33bc666c6 100644
--- a/app/assets/javascripts/Components/ContentListView/FileListItem.tsx
+++ b/app/assets/javascripts/Components/ContentListView/FileListItem.tsx
@@ -60,7 +60,7 @@ export const FileListItem: FunctionComponent<DisplayableListItemProps> = observe
         }}
       >
         {!hideIcon ? (
-          <div className="flex flex-col items-center justify-between p-4 pr-3 mr-0">
+          <div className="flex flex-col items-center justify-between p-4.5 pr-3 mr-0">
             <IconComponent />
           </div>
         ) : (
diff --git a/app/assets/javascripts/Components/NoAccountWarning/NoAccountWarning.tsx b/app/assets/javascripts/Components/NoAccountWarning/NoAccountWarning.tsx
index 48625ae95..6b2527181 100644
--- a/app/assets/javascripts/Components/NoAccountWarning/NoAccountWarning.tsx
+++ b/app/assets/javascripts/Components/NoAccountWarning/NoAccountWarning.tsx
@@ -24,7 +24,7 @@ export const NoAccountWarning = observer(({ appState }: Props) => {
   }, [appState])
 
   return (
-    <div className="mt-5 p-5 rounded-md shadow-sm grid grid-template-cols-1fr">
+    <div className="mt-5 p-4 rounded-md shadow-sm grid grid-template-cols-1fr">
       <h1 className="sk-h3 m-0 font-semibold">Data not backed up</h1>
       <p className="m-0 mt-1 col-start-1 col-end-3">Sign in or register to back up your notes.</p>
       <button className="sn-button small info mt-3 col-start-1 col-end-3 justify-self-start" onClick={showAccountMenu}>
diff --git a/app/assets/stylesheets/_sn.scss b/app/assets/stylesheets/_sn.scss
index 6884a76e7..82869248a 100644
--- a/app/assets/stylesheets/_sn.scss
+++ b/app/assets/stylesheets/_sn.scss
@@ -550,6 +550,10 @@
   padding: 1rem;
 }
 
+.p-4\.5 {
+  padding: 1.125rem;
+}
+
 .p-6 {
   padding: 1.5rem;
 }
diff --git a/app/assets/stylesheets/_ui.scss b/app/assets/stylesheets/_ui.scss
index e323e7916..16aab03b2 100644
--- a/app/assets/stylesheets/_ui.scss
+++ b/app/assets/stylesheets/_ui.scss
@@ -135,9 +135,6 @@ $screen-md-max: ($screen-lg-min - 1) !default;
 .p-4 {
   padding: 0.8125rem;
 }
-.p-5 {
-  padding: 1.015625rem;
-}
 
 .pt-0 {
   padding-top: 0;