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 c25bbe0c46d34aba85db1d28e422c629289d44af..47563384cb3471eb25f05443bb43c3e971080850 100644 (file)
--- a/gui/bacula-web/style/default.css
+++ b/gui/bacula-web/style/default.css
@@ -89,11 +89,22 @@ a:hover { color: #736F6E }
 #main_center {
  position: absolute; 
  left:10px; 
- width: 900px; 
+ width: 1000px; 
  /*border: 1px solid red; */
  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 {
  border: 1px solid black;
  width: 100%;
@@ -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,17 +122,22 @@ a:hover { color: #736F6E }
  background-color: #888888;
  color: white;
  font-weight: bold;
- padding: 3px;
+ padding: 5px;
  margin: 0px;
- 
- /*padding-top: 5px;
- padding-bottom: 5px;*/
+}
+
+.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%;
+ /*width: 100%;*/
  margin: 0px;
 }
 
@@ -138,8 +154,9 @@ a:hover { color: #736F6E }
 
 .box table tr td
 {
- padding: 2px;
+ padding: 5px;
  font-size: 8pt;
+ height: 20px;
 }
 
 .box table tr td.label
@@ -149,19 +166,26 @@ a:hover { color: #736F6E }
  /*width: 150px;*/
  text-align: left;
  padding-left: 15px;
- padding: 3px;
+ padding: 5px;
  margin: 2px;
 }
 
-.box table tr td.info
+.box table td.info
 {
  text-align: center; 
- /* padding-right: 8em; */
+ 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;
@@ -271,9 +295,7 @@ td,input,select {
  font-size : 13px; 
  color: red;
 }
-.header { 
- font-size : 18px; 
-}
+
 .size_small { 
  font-size: 9px; 
 }