diff --git a/README.md b/README.md index 3f16efb..68fd336 100644 --- a/README.md +++ b/README.md @@ -22,6 +22,10 @@ Features includes: Tail and search logs * **All data is updated automatically, no need to refresh** +The GUI is pretty much a modified bootstrap example as I'm no designer at all. +If you got a feel for design and like to improve the UI parts of psdash, please create a pull request with your changes. +It would be much appreciated as there's much room for improvements. + ## Getting started Installation using pip:
diff --git a/psdash/static/css/dashboard.css b/psdash/static/css/dashboard.css index b184ee3..fdf6ead 100644 --- a/psdash/static/css/dashboard.css +++ b/psdash/static/css/dashboard.css @@ -41,11 +41,13 @@ body { margin-right: -21px; /* 20px padding + 1px border */ margin-bottom: 20px; } + .nav-sidebar > li > a { padding-left: 20px; padding-right: 20px; border-bottom: 1px solid #ddd; } + .nav-sidebar > .active > a { color: #fff; background-color: #428bca; @@ -63,39 +65,11 @@ body { .main { padding: 20px; } -@media (min-width: 768px) { - .main { - padding-left: 40px; - padding-right: 40px; - } -} + .main .page-header { margin-top: 0; } - -/* - * Placeholder dashboard ideas - */ - -.placeholders { - margin-bottom: 30px; - text-align: center; -} -.placeholders h4 { - margin-bottom: 0; -} -.placeholder { - margin-bottom: 20px; -} -.placeholder img { - border-radius: 50%; -} - -#process { - margin-top: 20px; -} - #process .inline-table { margin-bottom: 0; width: 500px; @@ -184,4 +158,8 @@ span.glyphicon { padding-top: 10px; font-size: 13px; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} + +#content > ul.process { + margin-bottom: 10px; } \ No newline at end of file diff --git a/psdash/templates/process.html b/psdash/templates/process.html index ae13049..d6169b6 100644 --- a/psdash/templates/process.html +++ b/psdash/templates/process.html @@ -3,7 +3,7 @@ -