diff --git a/css/download.css b/css/download.css index 785c90f..0d68a85 100644 --- a/css/download.css +++ b/css/download.css @@ -1,10 +1,22 @@ +.download .label { + -webkit-transition: all 2s; + transition: all 2s; +} + +.download .progress { + width: 100%; + margin: 0; + padding: 0; +} + .download-name { - font-size: 12px; + font-weight: bold; + font-size: small; word-wrap: break-word; } .active-download, .waiting-download, .stopped-download, .download { width: 100%; - margin-bottom: 10px; + margin-bottom: 0.9em; background-color: rgb(245, 245, 245); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 4px 4px 4px 4px; @@ -20,8 +32,8 @@ .download-graph { width: 30%; - margin-top: 5px; - margin-bottom: 5px; + margin-top: 1em; + margin-bottom: 1em; margin-left: auto; margin-right: auto; } @@ -33,24 +45,26 @@ margin-bottom: 0px; margin-left: auto; margin-right: auto; - text-align: center; } .stats li { - padding: 5px; - margin-top: 2px; margin-bottom: 2px; + padding: 0.75ex; + width: 20ex; + text-align: center; + overflow: scroll; } -.download-progress { +.download-item { cursor: pointer; - margin: 0px; - padding-left: 5px; - padding-right: 5px; + margin: 0; + padding-left: 6px; + padding-right: 6px; + padding-top: 0.3ex; + padding-bottom: 0.5ex; } .download-controls { width: 65px; - padding: 5px; } .download-controls .btn-group { height: 28px; @@ -66,26 +80,15 @@ font-size: 16px; color: gray; } -.download-overview { - cursor: pointer; - padding-left: 5px; -} -.download-detail { - cursor: pointer; -} -.download-detail .stats li { - width: 150px; - margin-bottom: 5px; -} + .download-detail h4 { margin-left: 10px; } .download-files { - width: 90%; - margin-left: auto; - margin-right: auto; + max-width: 90%; + margin: 6px; } .download-files li { - padding: 5px; - margin: 5px; + padding: 0.8ex; + margin: 6px; } diff --git a/css/style.css b/css/style.css index da9ebf9..dfe80c9 100644 --- a/css/style.css +++ b/css/style.css @@ -1,3 +1,26 @@ +.label-active, .badge-active, .progress-active .bar { + background-color: #62C462; +} +.progress-success .bar { + background-color: #468847 !important; +} + +.alerts { + position: fixed; + left: 1em; + right: 1em; + bottom: 1em; + z-index: 900; + margin: 0; + padding: 0; + background: white; + background: rgba(255,255,255,0.7); +} +.alert { + margin: 1em; + border-width: 0.5ex; +} + /* fix modal overflow on low resolutions */ .modal { position: absolute; @@ -8,4 +31,8 @@ } } +.download-graph { + font-size: x-small; + font-family: sans-serif; +} diff --git a/index.html b/index.html index 8c84b42..9d30c60 100755 --- a/index.html +++ b/index.html @@ -106,17 +106,17 @@
@@ -128,24 +128,24 @@