Author: Adam <git@apiote.tk>
properly align progressbar on phones
static/style/style.css | 4 ++++ templates/tvserie.html | 2 +-
diff --git a/static/style/style.css b/static/style/style.css index d0a37c949dcc4de02a4947d19775f5553afa0a74..ee4fbe3c6ee53f19ba82c63dc9611be050a3d2c4 100644 --- a/static/style/style.css +++ b/static/style/style.css @@ -30,6 +30,10 @@ .phone-max-width-8 { max-width: 6rem; } + + .phone-bottom-_4 { + bottom: .4rem !important; + } } @media (min-width:1159px) { diff --git a/templates/tvserie.html b/templates/tvserie.html index eda92dd3e8d1825cda7fc7f2acd2c6afd90654a1..c1dfe015cbfd2aa2c61d374bda2c68dcca13859d 100644 --- a/templates/tvserie.html +++ b/templates/tvserie.html @@ -56,7 +56,7 @@ ({{.Data.GetYears}}) {{end}} </div> {{if and .State.User .Data.IsOnWantList}} - <div style="width: {{.Data.Progress}}%;" class="relative bottom-4 height-_25 bg-accent"> + <div style="width: {{.Data.Progress}}%;" class="relative bottom-4 phone-bottom-_4 height-_25 bg-accent"> {{end}} </div> </div>