Minor UI tweaks.

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:<br>

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;
 }

psdash/templates/process.html

@@ -3,7 +3,7 @@
     <div class="page-header">
         <h2>{{ process.pid }} <small>{{ process.name }}</small></h2>
     </div>
-    <ul class="nav nav-pills">
+    <ul class="process nav nav-pills">
         <li {% if section == "overview" %}class="active"{% endif %}>
             <a href="/process/{{ process.pid }}">Overview</a>
         </li>