.download-name { font-size: 12px; } .active-download { width: 100%; margin-bottom: 10px; background-color: rgb(245, 245, 245); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 4px 4px 4px 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); } .waiting-download { width: 100%; margin-bottom: 10px; background-color: rgb(245, 245, 245); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 4px 4px 4px 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); } .stopped-download { width: 100%; margin-bottom: 10px; background-color: rgb(245, 245, 245); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 4px 4px 4px 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); } .stats { margin-left: auto; margin-right: auto; text-align: center; } .stats li { padding: 5px; } .download-controls { width: 60px; } .download-controls .btn-group { height: 70px; width: 100%; float: right; } .download-controls .btn-group .btn:nth-child(1) { width: 70%; } .download-controls .btn-group .btn:nth-child(2) { width: 30%; } .download-controls .btn-group .btn { height: 100%; } .download-controls .btn-group .btn i { height: 100%; font-size: 28px; color: gray; } .download-overview { padding: 10px; cursor: pointer; } .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; } .download-files li { padding: 5px; margin: 5px; } @media all and (min-width: 980px) { body { padding-top: 60px; } }