fix: file list item icon alignment (#1039)

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>
         ) : (

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}>

app/assets/stylesheets/_sn.scss

@@ -550,6 +550,10 @@
   padding: 1rem;
 }
 
+.p-4\.5 {
+  padding: 1.125rem;
+}
+
 .p-6 {
   padding: 1.5rem;
 }

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;