diff --git a/static/main.css b/static/main.css index 9331a44..a318a98 100644 --- a/static/main.css +++ b/static/main.css @@ -120,7 +120,9 @@ body { margin-bottom: 0.5rem; text-decoration: none; +} +.form-button { font-weight: bold; } @@ -180,16 +182,6 @@ video { color: var(--dark); } -.video { - border: solid var(--gray) 3px; - border-radius: 5px; - background: var(--dark); - - font-size: 1rem; - padding: 0.5rem; - margin-bottom: 0.5rem; -} - .progressbar { background-color: var(--black); border: solid var(--primary-light) 2px; @@ -218,6 +210,24 @@ video { margin: 5px; } +.video { + border: solid var(--gray) 3px; + border-radius: 5px; + background: var(--dark); + + font-size: 1rem; + padding: 0.5rem; + margin-bottom: 0.5rem; + + width: 180px; + height: 200px; + overflow-y: scroll; +} +.video img { + width: 180px; + height: 130px; +} + .video-wrapper.full { background: rgba(0, 0, 0, 0.5); width: 100vw; @@ -226,11 +236,14 @@ video { top: 0; left: 0; } -.video img { - width: 180px; - height: 130px; +video { + border: solid var(--dark-2) 3px; + border-radius: 5px; + width: var(--elem-width); + height: auto; + max-height: 50vh; + max-width: 90vmin; } - .full video { width: 100vw; height: 80vh; @@ -256,11 +269,3 @@ video { margin-bottom: 0.5rem; } -video { - border: solid var(--dark-2) 3px; - border-radius: 5px; - width: var(--elem-width); - height: auto; - max-height: 50vh; - max-width: 90vmin; -} \ No newline at end of file