diff options
author | Yorhel <git@yorhel.nl> | 2020-03-17 13:48:05 +0100 |
---|---|---|
committer | Yorhel <git@yorhel.nl> | 2020-03-17 13:48:07 +0100 |
commit | db930ad462311de0de63109a1af419c5786bd45c (patch) | |
tree | 0bd92fdeec18c2763f1c317898e9f30b361b740f /data | |
parent | 651937f474218f06e21f332f2830dbad8c479147 (diff) |
imgflag: More styling + add guideline link to UI
The buttons are closer together for more convenient mouse-based
voting.
Diffstat (limited to 'data')
-rw-r--r-- | data/style.css | 12 |
1 files changed, 5 insertions, 7 deletions
diff --git a/data/style.css b/data/style.css index 826e6b72..df687020 100644 --- a/data/style.css +++ b/data/style.css @@ -1088,15 +1088,13 @@ p.filselect i { font-style: normal } .imageflag > div:nth-child(2) { border: 1px solid $border$; padding: 5px; display: flex; justify-content: center; align-items: center; background: #000 } .imageflag > div:nth-child(2) a { border: none; display: inline-block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center } .imageflag > div:nth-child(3) { display: flex; justify-content: space-between; } -.imageflag > div:nth-child(4) { display: flex } -.imageflag > div:nth-child(4) > div { flex-grow: 1 } -.imageflag > div:nth-child(4) ul { display: flex; align-items: center; list-style-type: none; margin: 5px 0 } -.imageflag > div:nth-child(4) > div:nth-child(2) ul { justify-content: right } -.imageflag > div:nth-child(4) ul span { font-weight: bold; padding-right: 5px } -.imageflag > div:nth-child(4) ul li label { display: inline-block; border: 1px solid $secborder$; padding: 4px 5px; min-width: 90px; white-space: nowrap; margin: 2px; cursor: pointer } +.imageflag > div:nth-child(4) { display: flex; margin-bottom: 5px } +.imageflag > div:nth-child(4) p { flex: 1 0; padding-top: 15px } +.imageflag > div:nth-child(4) ul { list-style-type: none; margin: 0 5px 0 0 } +.imageflag > div:nth-child(4) ul li:first-child { text-align: center } +.imageflag > div:nth-child(4) ul li label { display: inline-block; border: 1px solid $secborder$; padding: 7px; width: 100px; white-space: nowrap; margin: 2px 0; cursor: pointer } .imageflag > div:nth-child(4) ul li.sel label, .imageflag > div:nth-child(4) ul li label:hover { background-color: $secbg$ } -.imageflag > div:nth-child(4) p { height: 80px; padding-left: 20px } /****** Icons *******/ |