app/assets/stylesheets/application.css.scss in local_pac-0.6.3 vs app/assets/stylesheets/application.css.scss in local_pac-0.7.0

@@ -1,11 +1,12 @@
 @import 'bootstrap';
+@import 'eonasdan-bootstrap-datetimepicker';
 @import 'open-sans';
 
-body {
-  font-family: 'Open Sans', sans-serif;
-  padding-top: 80px;
+html, body {
+  font-family: 'Open Sans', 'sans-serif';
+  min-height: 100%;
 }
 
 .lp_data {
   font-size: 5rem;
   color: black;
@@ -72,36 +73,105 @@
   @extend .btn;
   @extend .btn-default;
   margin-left: 10px;
 }
 
+.lp_button_datetimepicker {
+  @extend .glyphicon;
+  @extend .glyphicon-calendar;
+}
+
+.lp_button_show_fields_open {
+  @extend .glyphicon;
+  @extend .glyphicon-minus;
+  display: none;
+}
+
+a:hover {
+  text-decoration: none;
+}
+
+a:visited {
+  text-decoration: none;
+}
+
+a:active {
+  text-decoration: none;
+}
+
+a:focus {
+  text-decoration: none;
+}
+
+.lp_button_show_fields_close {
+  @extend .glyphicon;
+  @extend .glyphicon-plus;
+  text-decoration: none;
+}
+
+.lp_fields_open {
+  display: none;
+  clear: both;
+}
+
+.lp_fields_close {
+  clear: both;
+}
+
+.lp_show_fields {
+  float: left;
+  margin-top: 5px;
+}
+
+.lp_time_group {
+  width: 250px;
+}
+
 .lp_search_group {
   @extend .form-group;
   width: 50%; 
-  display: inline-block;
-  margin-bottom: 0px;
-  margin-top: 0px;
   min-height: 40px;
+  margin: 0px auto;
 }
 
 .lp_buttons {
   display: inline-block;
   min-height: 40px;
+  float: right;
 }
 
-.lp_field_search {
+.lp_field_url {
   @extend .form-control;
   display: inline-block;
 }
 
+.lp_field_time {
+  @extend .form-control;
+  width: 40px;
+  
+}
+
+.lp_form_group {
+  @extend .form-group;
+}
+
+.lp_input_group {
+  @extend .input-group;
+}
+
+.lp_field_client_ip {
+  @extend .form-control;
+  width: 250px;
+}
+
 .lp_form {
   margin: 20px;
 }
 
-.lp_form_controls {
-  text-align: center;
-}
+//.lp_form_controls {
+//  text-align: center;
+//}
 
 .lp_verbatim {
   font-size: 5rem;
   color: black;
   text-align: center;
@@ -134,6 +204,37 @@
 }
 
 h1 {
   font-weight: bold;
   font-size: 4rem;
+}
+
+.lp_page_footer {
+  position: absolute;
+  bottom: 5px;
+  width: 100%;
+  z-index: -1;
+}
+
+.lp_page_header {
+  margin: 10px;
+}
+
+.lp_top_navigation {
+  @extend .navbar;
+  @extend .navbar-default;
+  margin-bottom: 7px;
+}
+
+.lp_bottom_navigation {
+  @extend .navbar;
+  @extend .navbar-default;
+
+  margin-top: 20px;
+  margin-bottom: 0px;
+  min-height: 30px;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+  font-size: 1rem;
+  color: #9e9e9e;
 }