tetalab
/
tetawebapp
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

"More air around action buttons"

This commit is contained in:
Doug Le Tough 2017-11-25 22:17:01 +01:00
parent d689ae790c
commit 4ff95ba727
1 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
tetawebapp/static/styles/tetawebapp.css
View File

@ -193,14 +193,12 @@ input.refresh,
input.save, input.save,
input.search, input.search,
input.trash { input.trash {
width: 16px; width: 20px;
height: 16px; height: 20px;
margin: 0; margin: 0;
padding: 0; padding: 0;
border-radius: 2px; border-radius: 2px;
border-style: none; border-style: none;
background-repeat: no-repeat;
background-position: center center;
} }
input.add:hover, input.add:hover,
@ -211,31 +209,50 @@ input.refresh:hover,
input.save:hover, input.save:hover,
input.search:hover, input.search:hover,
input.trash:hover { input.trash:hover {
border-color: var(--text-color);
border-style: solid;
border-width: 1px;
background-color: var(--coloured-bg); background-color: var(--coloured-bg);
cursor: pointer; cursor: pointer;
} }
input.add { input.add {
background: var(--add_icon); background: var(--add_icon);
background-repeat: no-repeat;
background-position: center center;
} }
input.edit { input.edit {
background: var(--edit_icon); background: var(--edit_icon);
background-repeat: no-repeat;
background-position: center center;
} }
input.login { input.login {
background: var(--login_icon); background: var(--login_icon);
background-repeat: no-repeat;
background-position: center center;
} }
input.logout { input.logout {
background: var(--logout_icon); background: var(--logout_icon);
background-repeat: no-repeat;
background-position: center center;
} }
input.refresh { input.refresh {
background: var(--refresh_icon); background: var(--refresh_icon);
background-repeat: no-repeat;
background-position: center center;
} }
input.save { input.save {
background: var(--save_icon); background: var(--save_icon);
background-repeat: no-repeat;
background-position: center center;
} }
input.search { input.search {
background: var(--search_icon); background: var(--search_icon);
background-repeat: no-repeat;
background-position: center center;
} }
input.trash { input.trash {
background: var(--trash_icon); background: var(--trash_icon);
background-repeat: no-repeat;
background-position: center center;
} }