Filepicker: center text in grid view, improve spacing

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
This commit is contained in:
Jan-Christoph Borchardt 2018-10-31 00:02:26 +01:00
parent 9c68db5ffb
commit f4ac90e8d0
No known key found for this signature in database
GPG Key ID: CBD846FC845CBE17
1 changed files with 4 additions and 4 deletions

View File

@ -798,7 +798,7 @@ code {
&.view-grid { &.view-grid {
$grid-size: 120px; $grid-size: 120px;
$grid-pad: 10px; $grid-pad: 10px;
$name-height: 20px; $name-height: 30px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -821,17 +821,17 @@ code {
td { td {
border: none; border: none;
padding: 0; padding: 0;
text-align: center;
&.filename { &.filename {
padding: #{$grid-size - 2 * $grid-pad} 0 0 0; padding: #{$grid-size - 2 * $grid-pad} 0 0 0;
background-position: center top; background-position: center top;
background-size: contain; background-size: contain;
line-height: $name-height; line-height: $name-height;
height: $name-height;
} }
&.filesize { &.filesize {
line-height: $name-height; line-height: $name-height / 3;
text-align: left; width: 100%;
} }
&.date { &.date {
display: none; display: none;