rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: file list item icon alignment (#1039)

Browse Source
This commit is contained in:
Aman Harwara
2022-05-23 16:47:14 +05:30
committed by GitHub
parent 509bd506b5
commit 51248f2588
4 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/Components/ContentListView/FileListItem.tsx
View File

@@ -60,7 +60,7 @@ export const FileListItem: FunctionComponent<DisplayableListItemProps> = observe
}} }}
> >
{!hideIcon ? ( {!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 /> <IconComponent />
</div> </div>
) : ( ) : (

2
app/assets/javascripts/Components/NoAccountWarning/NoAccountWarning.tsx
View File

@@ -24,7 +24,7 @@ export const NoAccountWarning = observer(({ appState }: Props) => {
}, [appState]) }, [appState])
return ( 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> <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> <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}> <button className="sn-button small info mt-3 col-start-1 col-end-3 justify-self-start" onClick={showAccountMenu}>

4
app/assets/stylesheets/_sn.scss
View File

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

3
app/assets/stylesheets/_ui.scss
View File

@@ -135,9 +135,6 @@ $screen-md-max: ($screen-lg-min - 1) !default;
.p-4 { .p-4 {
padding: 0.8125rem; padding: 0.8125rem;
} }
.p-5 {
padding: 1.015625rem;
}
.pt-0 { .pt-0 {
padding-top: 0; padding-top: 0;