app/assets/stylesheets/min_naf/layout.css.scss in naf-1.1.4 vs app/assets/stylesheets/min_naf/layout.css.scss in naf-2.0.0

@@ -49,53 +49,53 @@
           margin: 0;
           padding: 12px;
         }
       }
 
-      #page-select-container, #refresh-page-container {
-        display: none;
+      #page-select-container {
         float: right;
         margin-top: -1px;
         padding: 2px 2px;
-        width: 205px;
+        width: 240px;
+
+        label {
+          position: relative;
+          top: 4px;
+        }
+
+        #iDisplayLength {
+          background-color: #FFFFFF;
+        }
+
+        .page-select {
+          border: 1px solid #E1E1E1;
+          cursor: pointer;
+          float: right;
+          width: 95px;
+        }
       }
 
+      #refresh-page-container {
+        float: right;
+        margin-top: -1px;
+        padding: 2px 2px;
+        width: 240px;
+        input {
+          width: 13px;
+        }
+      }
+
       #datatable_wrapper {
         #datatable_processing {
           color: #45a113;
-          font-style: bold;
           font-size: 14px;
           margin: 0 0 6px 0;
           background-color: #e5f4e1;
           border: 1px solid #d5f1cd;
           padding: 4px 8px 4px 8px;
         }
 
-        #datatable_paginate {
-          #page-select-container {
-            label {
-              position: relative;
-              top: 4px;
-            }
-          }
-          #refresh-page-container {
-            margin-right: 200px;
-            input {
-              width: 13px;
-            }
-          }
-          #iDisplayLength {
-            background-color: #FFFFFF;
-          }
-          .page-select {
-            border: 1px solid #E1E1E1;
-            cursor: pointer;
-            float: right;
-            width: 95px;
-          }
-        }
-
         #datatable {
           table-layout:fixed;
 
           width:100%;
           border-collapse: collapse;
@@ -247,16 +247,15 @@
         input.check_box_input {
           width: 13px;
         }
 
         .scrollable-output {
-          border: 1px solid #E1E1E1;
           height: 500px;
           overflow-x:auto;
-          width: 98%;
-          background-color: #2d2d2d;
-          color: #ffffff;
+          width: 99%;
+          background-color: #F4F4F4;
+          color: #000000;
           padding: 5px 10px 5px 0px;
 
           #event_list {
             word-wrap: break-word;
             padding-left: 10px;
@@ -281,24 +280,50 @@
             width: 65%;
             font-size: 20px;
           }
         }
 
+        .scrollable-output-expanded {
+          height: 720px;
+          overflow-x:auto;
+          width: 99%;
+          background-color: #F4F4F4;
+          color: #000000;
+          padding: 5px 10px 5px 0px;
+
+          #event_list {
+            word-wrap: break-word;
+            padding-left: 10px;
+            margin: 0;
+            list-style: none outside none;
+            li {
+              padding-left: 20px;
+              text-indent: -15px;
+            }
+          }
+
+          .msg {
+            background: none repeat scroll 0 0 #202020;
+            border: 1px solid #303030;
+            box-shadow: 0 0 5px #000000;
+            border-radius: 5px 5px 5px 5px;
+            margin: 20px auto;
+            min-width: 600px;
+            padding: 40px 25px;
+            position: relative;
+            text-align: center;
+            width: 65%;
+            font-size: 20px;
+          }
+        }
+
         #stdout_header {
           width: 98%;
           input {
             width: 24em;
           }
 
-          #papertrail_search_submit {
-            width: 12em;
-          }
-
-          #papertrail_time {
-            display: none;
-          }
-
           #automatic_data_update {
             float:right;
             padding-top: 4px;
             max-width: 215px;
             input[type=checkbox] {
@@ -307,16 +332,42 @@
             }
             input {
               width: 100px;
             }
           }
+
+          a {
+            float:right;
+          }
+
+          #log_search {
+            width: 50%;
+          }
+
+          #regex_options {
+            width: 10%;
+          }
+
+          .description {
+            display: none;
+            position: absolute;
+            background: #F4F4F4;
+            border: 1px solid #000;
+            width: 400px;
+            height: 125px;
+            margin: 0% 0% 0% 65%;
+          }
         }
 
         h4 {
           margin: 10px 0 5px 0;
           font-weight: bold;
         }
+
+        .auto_scroll_off {
+          color: #CD0A0A;
+        }
       }
 
       #parent_links {
         padding-top: 10px;
       }
@@ -324,18 +375,18 @@
       .wind-bttn {
         width:10%;
       }
     }
 
-    .winding-down, .queued {
+    .winding-down, .queued, .winding-down-count {
       color: #f8a800;
     }
 
-    .running {
+    .running, .running-count {
       color: #45a113;
     }
 
-    .dead {
+    .dead, .error, .down-count {
       color: #CD0A0A;
     }
   }
 }