bacula-web: Improved Jobs page

[bacula/bacula] / gui / bacula-web / style / default.css

diff --git a/gui/bacula-web/style/default.css b/gui/bacula-web/style/default.css
index c0b46ded8d28fb4d7e1a08252bee5a4364bea647..47563384cb3471eb25f05443bb43c3e971080850 100644 (file)
--- a/gui/bacula-web/style/default.css
+++ b/gui/bacula-web/style/default.css
@@ -72,26 +72,37 @@ a:hover { color: #736F6E }
 #main_left {
  position: absolute; 
  left:10px; 
- width: 550px; 
+ width: 500px; 
  border:none; 
- margin-top: 1em; 
+ margin-top: 0px; 
  background-color: #FFFFFF;
 }
 
 #main_right {
  position: absolute; 
- left:570px; 
- width: 420px; 
+ left:520px; 
+ width: 500px; 
  border: none; 
- margin-top: 1em;
+ margin-top: 0px;
 }
 
 #main_center {
  position: absolute; 
  left:10px; 
- width: 900px; 
+ width: 1000px; 
  /*border: 1px solid red; */
- margin-top: 1em;
+ margin-top: 0px;
+}
+
+.listbox {
+ /*border: 1px solid red;*/
+ width: 100%;
+ height: auto;
+ overflow: auto;
+ margin: 0px;
+ padding: 0px;
+ text-align: center;
+ max-height: 420px;
 }
 
 .box {
@@ -103,7 +114,7 @@ a:hover { color: #736F6E }
 }
 
 .box p.title {
- height: auto;
+ /*height: 25px;*/
  text-align: center;
  vertical-align: middle;
  font-size: 11pt;
@@ -111,16 +122,28 @@ a:hover { color: #736F6E }
  background-color: #888888;
  color: white;
  font-weight: bold;
- padding: 0px;
- margin-top: 0px;
- margin-bottom: 5px;
- padding-top: 5px;
- padding-bottom: 5px;
+ padding: 5px;
+ margin: 0px;
+}
+
+.box p.title a {
+ color: #FFFFFF;
+ text-decoration: none;
+ font-size: 9pt;
+ float: right;
+ vertical-align: middle;
+}
+
+.box table.list
+{
+ border-collapse: collapse;
+ /*width: 100%;*/
+ margin: 0px;
 }
 
 .box table
 {
- width: 100%;
+ border-collapse: separate;
  margin: 0px;
 }
 
@@ -131,22 +154,38 @@ a:hover { color: #736F6E }
 
 .box table tr td
 {
- padding: 2px;
+ padding: 5px;
+ font-size: 8pt;
+ height: 20px;
 }
+
 .box table tr td.label
 {
- font-weight: bold;
- width: 150px;
+ /*font-weight: bold;*/
+ background-color: #E0E0E0;
+ /*width: 150px;*/
  text-align: left;
- padding-left: 3px;
+ padding-left: 15px;
+ padding: 5px;
+ margin: 2px;
 }
-.box table tr td.info
+
+.box table td.info
 {
- text-align:right; 
+ text-align: center; 
+ vertical-align: middle;
  padding-right: 8em;
  font-weight: bold;
+ background-color: #E0E0E0;
+ height: auto;
+ padding: 5px;
+ margin:0px;
 }
 
+.box table tr td.info a { font-size: 8pt;}
+
+.odd { background-color: #DCDCDC; }
+
 table {
  width: 100%;
  margin: 0px;
@@ -256,9 +295,7 @@ td,input,select {
  font-size : 13px; 
  color: red;
 }
-.header { 
- font-size : 18px; 
-}
+
 .size_small { 
  font-size: 9px; 
 }