drg_cms 0.6.0.6 → 0.6.0.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ce40eeb1428b5e11a14613978b213af29ad3a26c4f68a0addc2987135df60ece
-  data.tar.gz: 880a2bca2c8dac8e5e5cb5723e6acca268a9f0f4f439a4befe6a34b7b4a1dbd3
+  metadata.gz: ef26a547c0b8b4274cf351a0d479541cd2bfb10ebf1ba6405dcba87fa816d08d
+  data.tar.gz: 9e7c29e2d144e3b758972056359940a94baffb869cc18ee7f4483947f36be850
 SHA512:
-  metadata.gz: 389d89408cd1e628ac26b0ec08de34c55851f84094e4258f9e98b7c036f48c992a84dd5c61385bd9ebb0592cb2df3e8dd0cc2c61808820b9e3c43bbb5dc5f7aa
-  data.tar.gz: 5c30cabb9b66750e0a6cc9783510dd15cb3ed866f9fca39d06c1037baa8c2c41db5798121f49b4b0e847163396eae77a68d99e8d8c548db55c57ea08f4d17dfd
+  metadata.gz: '0918c545df0e262b8ca70f4a59451df888283374b0084f9fe14e554ed9a461fdadf749c89a02240d1898fde8c616dd272eec8fda39e1d8b255007859c71dbfa1'
+  data.tar.gz: 81f13601bafc13609e8c8f620d2511d9cc329bb82c0024eaaf6460639ea2102aaaf70f59860dfb33f75a647039440a30b9e388bc5094d433ec6c4fde25b0910a

data/app/assets/javascripts/drg_cms/drg_cms.js

@@ -46,14 +46,20 @@ dumpAttributes = function(obj) {
  * Function checks if there are delay loaded embedded elements on 
  * selected tab and triggers iframe reload.
  *******************************************************************/
-update_embedded_on_first_display = function(div_name) {
+update_embedded_on_tab_select = function(div_name) {
   var iframes = $(div_name).find("iframe");
   $.each(iframes, function(index, iframe) {
+    // delayed load
     var src_delay = iframe.getAttribute('data-src-delay'); 
     if (src_delay != null && src_delay != '') {
       iframe.setAttribute('data-src-delay', '');
       iframe.setAttribute('src', src_delay);
     }
+    // always load on tab select
+    var src_always = iframe.getAttribute('data-src-always');
+    if (src_always != null) {
+      iframe.setAttribute('src', src_always);
+    }    
   });
 };
 
@@ -169,9 +175,9 @@ $(function() {
  *  window_: Will force loading of url supplied in value into new window
  *  reload_: Will reload current window
  *  
- *  Operations can be chained and are executed sequentialy.
- *    render json: {'window_' => "/dokument.pdf", 'reload_' => 1}.to_json
- *  will open /dokument.pdf in new window and reload current window.
+ *  Operations can be chained and are executed sequential.
+ *    render json: {'window_' => "/document.pdf", 'reload_' => 1}.to_json
+ *  will open /document.pdf in new window and reload current window.
  *  
  *    render json: {'record_name' => "Damjan", 'record_surname' => 'Rems'}.to_json
  *  will replace values of two fields on the form.
@@ -193,22 +199,30 @@ process_json_result = function(json) {
       
 /**** update fields on form ****/
     case 'record':
-      field = $('#'+key);
+//      field = $('#'+key);
+      var name = key.replace('record_','record[') + ']';
+      field = $('[name="' + name + '"]');
+      console.log(field.attr('type'));
+      console.log(field.is('select'));
       // checkbox field
-      if (field.is(':checkbox')) { 
+      if (field.is(':checkbox')) {
         field.prop('checked', value);
       // select field  
       } else if (field.is('select')) {
-          // options for select field
-          if (value && value.isArray) {
-            field.empty();
-            $.each(value, function(index, v) {
-              field.append( new Option(v[0], v[1]) );
-            });
-          // select field value
-          } else {
-            field.val(value);
-          }
+        // options for select field
+        if (value && value.isArray) {
+          field.empty();
+          $.each(value, function(index, v) {
+            field.append( new Option(v[0], v[1]) );
+          });
+        // select field value
+        } else {
+          field.val(value).change();
+        }
+      // radio field
+      } else if (field.attr('type') == 'radio') {
+        field.val([value])
+
       // other input fields
       } else {
         field.val(value);
@@ -271,13 +285,21 @@ process_json_result = function(json) {
       w.focus();        
       break;
     case 'eval':
+      console.log('from process_json_result: Eval option will be deprecated. Use script instead.')
       eval (value);
       break;
+    case 'script':
+      eval (value);
+      break; 
     case 'reload':
       if (value == 'parent') {
         parent.location.reload();
+/*** this would be current window (reload: true) ****/
+      } else if (value.length < 5) {
+        window.location.href = window.location.href;
+/*** reload iframe ****/
       } else {
-        location.reload();
+        $( '#' + value ).attr('src', $( '#' + value ).attr('src'));
       } 
       break;
     default: 
@@ -409,10 +431,11 @@ $(document).ready( function() {
   * Sort action clicked on cmsedit
   *******************************************************************/
   $('.drgcms_sort').change( function(e) {
-    table = e.target.getAttribute("data-table");
-    sort = e.target.value; 
+    var table = e.target.getAttribute("data-table");
+    var form  = e.target.getAttribute("data-form");
+    var sort = e.target.value;
     e.target.value = null;
-    window.location.href = "/cmsedit?sort=" + sort + "&table=" + table;
+    window.location.href = "/cmsedit?sort=" + sort + "&table=" + table +  "&form_name=" + form;
   });
   
  /*******************************************************************
@@ -444,7 +467,7 @@ $(document).ready( function() {
       window.frameElement.style.height = div_height.toString() + 'px';
 // it would be too easy      $('#cmsform :input:enabled:visible:first').focus();
       select_first_input_field('#data_' + e.target.getAttribute("data-div"));
-      update_embedded_on_first_display('#data_' + e.target.getAttribute("data-div"));
+      update_embedded_on_tab_select('#data_' + e.target.getAttribute("data-div"));
     }
   });  
 
@@ -758,12 +781,12 @@ element = $(this).find(':first').attr('id');
   });
   
  /*******************************************************************
-  * This will fire cmsedit index action and pass value enterred into 
+  * This will fire cmsedit index action and pass value entered into
   * filter field and thus refresh browsed result set.
   *******************************************************************/
   $('#_record__filter_field').keydown( function(e) {
     if (e.which == '13' || e.which == '9') {
-      url = $(this).parents('span').attr("data-url");
+      var url = $(this).parents('span').attr("data-url");
       url = url + "&filter_value=" + this.value;
       location.href = url;
       return false;      
@@ -775,8 +798,8 @@ element = $(this).find(':first').attr('id');
   * work on all field types.
   *******************************************************************/
   $('.record_filter_field_icon').on('click', function(e) {
-    field = $('#_record__filter_field');
-    url = $(this).parents('span').attr("data-url");
+    var field = $('#_record__filter_field');
+    var url = $(this).parents('span').attr("data-url");
     url = url + "&filter_value=" + field.val();
     location.href = url;
   });
@@ -897,10 +920,13 @@ element = $(this).find(':first').attr('id');
    });
    
  /*******************************************************************
-  * number_field type keypressed
+  * Key pressed in number_field.
+  * - put minus sign in front of input field
+  * - replace dot and comma separators when required. Not all numeric pads are created equal.
+  * - when enter is pressed, save value to field before form is proccessed
   *******************************************************************/
    $('.dc-number').on('keydown', function(e) {
-// Minus sign. Put it on first place     
+     // Minus sign. Put it on first place
      if (e.which == 109) {
        if($(this).val().substr(0,1) == '-') {
          $(this).val( $(this).val().substr(1,20));
@@ -909,17 +935,47 @@ element = $(this).find(':first').attr('id');
        }
        e.preventDefault();
      }
-// Enter. Save value before Enter is processed
-      if (e.which == 13) {
-        var delimiter = $(this).attr("data-delimiter") || '.';
-        var decimals  = $(this).attr("data-decimal") || 2;        
-        var value = $(this).val().replace(delimiter,'.');
-        var field = '#' + $(this).attr("id").slice(0,-1);
+     // replace , with . if . is separator.
+     var separator = $(this).attr("data-separator") || '.';
+     var inp = this;
+     if (e.which == 188) {
+       if (separator == '.') {
+         setTimeout(function() {
+           inp.value = inp.value.replace(/,/g, '.');
+         }, 0);
+       }
+     }
+     // replace . with , if , is separator
+     if (e.which == 190) {
+       if (separator == ',') {
+         setTimeout(function() {
+           inp.value = inp.value.replace(/\./g, ',');
+         }, 0);
+       }
+     }
+
+     // Enter means process form. Save the value before form is processed
+     if (e.which == 13) {
+       var decimals  = $(this).attr("data-decimal") || 2;
+       var value = $(this).val().replace(separator,'.');
+       var field = '#' + $(this).attr("id").slice(0,-1);
         
-        $(field).val( parseFloat(value).toFixed(decimals) );
-      }
+       $(field).val( parseFloat(value).toFixed(decimals) );
+     }
    });
-   
+
+  /*******************************************************************
+   * Slovenian keyboard has comma key instead of dot in numeric pad.
+   * This will catch if comma has been pressed and will replace it with dot.
+   *******************************************************************/
+  $('.date-picker').keypress( function(e) {
+    if (e.keyCode !== 44) return;
+    var inp = this;
+    setTimeout(function() {
+      inp.value = inp.value.replace(/,/g, '.');
+    }, 0);
+  });
+
  /*******************************************************************
   * Result header sort icon is hoverd. Change background icon to filter.
   *******************************************************************/

data/app/assets/stylesheets/drg_cms/drg_cms.css

@@ -23,6 +23,8 @@
 #++
 */
 
+@import url('https://fonts.googleapis.com/css2?family=Exo:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"');
+
 /* Web reset. Countributed by
 /* http://meyerweb.com/eric/tools/css/reset/ 
    v2.0 | 20110126
@@ -42,9 +44,9 @@ article, aside, canvas, details, embed,
 figure, figcaption, footer, header, hgroup, 
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video {
-	margin: 0px;
-	padding: 0px;
-	border: 0px;
+	margin:  0;
+	padding:  0;
+	border:  0;
 	font-size: 100%;
 	font: inherit;
 	vertical-align: baseline;
@@ -54,6 +56,7 @@ article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
 	display: block;
 }
+
 body {
 /*	line-height: 1; */
 }
@@ -74,26 +77,27 @@ table {
 }
 /* END */
 
-/* Firefox only
-@-moz-document url-prefix() { 
-}
-*/
-
 body {
-font-family: arial,sans-serif;
-font-size: 12px;
-margin: 0px;
+font-family: Exo,arial,sans-serif;
+font-size: 14px;
+margin: 0;
 vertical-align: middle;
-color: #222;
+color: #000;
+font-weight: 400;
 }
 
+button {
+font-family: Exo,arial,sans-serif;
+}
+
+
 textarea, input, select {
-color: #222;
+color: #000;
 padding: 6px 4px;
 margin-left: 1px;
 border: solid 1px #ccc;;
 border-radius: 2px;
-font: 14px arial,sans-serif;
+font: 14px Exo,arial,sans-serif;
 max-width: 100%;
 vertical-align: middle;
 }
@@ -124,8 +128,8 @@ select {
 }
 
 select option { 
-  /* not working */
-  outline: none;
+  /* not working
+  outline: none;*/
 }  
 
 hr {
@@ -135,8 +139,8 @@ height: 2px;
 }
 
 .div {
-  border: 0px;
-  padding: 0px;
+  border: 0;
+  padding: 0;
 }
 
 
@@ -147,13 +151,13 @@ height: 2px;
 td { vertical-align: middle; }
 
 th {
-padding: 4px;
-text-align: left;
-border-bottom:2px solid #ddd;
-border-right:2px solid #ddd;
-background: #ddd;
-color:#888;
-font-weight: bold;
+  padding: 4px;
+  text-align: left;
+  border-bottom: 2px solid #ddd;
+  border-right: 2px solid #ddd;
+  background: #ddd;
+  color: #888;
+  font-weight: bold;
 }
 
 th a:hover { color: #000;}
@@ -164,7 +168,7 @@ img { vertical-align:bottom; }
 .dc-animate a:link, .dc-animate a:active, .dc-animate a:visited, 
 .dc-result a:link, .dc-result a:active, .dc-result a:visited { 
 color: #666;
-font-weight: bold;
+font-weight: 600;
 text-decoration: none; 
 background: transparent;
 padding: 7px;
@@ -186,8 +190,8 @@ a.dc-animate:hover { color: #000; background: transparent;}
 .text-with-select { width: 24px; }
 
 .no-borders {
-  padding: 0px;
-  border-spacing: 0px;
+  padding:  0;
+  border-spacing:  0;
 }
 
 .td-spacer {
@@ -198,15 +202,23 @@ a.dc-animate:hover { color: #000; background: transparent;}
 
 .dc-result {
 width: 99.9%;
-padding: 0px;
-border-spacing: 0px;
+padding:  0;
+border-spacing:  0;
 border-radius: 1px;  
 background-color: #f9f9f9;
 }
 
 .dc-result i { 
 padding: 2px;
-font-size: 0.9rem;
+font-size: 14px;
+vertical-align: initial;
+}
+
+.dc-result .dc-link-no {
+  padding: 0;
+  border: none;
+  color: #bbb;
+  background: transparent !important;
 }
 
 .dc-result .actions .dc-animate { 
@@ -230,23 +242,20 @@ padding: 0;
   padding: 8px 2px;
   white-space: nowrap;
   overflow: hidden;
-  font-weight: bold;
-  color: #444;
+  font-weight: 600;
+  color: #222;
 }
 
 .dc-result-header .spacer, .dc-result-data .spacer {
-  width: 1px;
+  width: 2px;
+  /*
   font-size: 1.5em;
-  margin: 0 0px;
-  padding: 4px 0px;
+  margin: 0  0;
+  padding: 4px  0;
   resize: both;
 /*  border-left: 1px solid #ccc;*/
 }
 
-.dc-result-header .spacer:hover {
-  cursor:ew-resize;
-}
-
 .dc-result-header a:link {
   padding-left: 0;
 }
@@ -256,6 +265,8 @@ padding: 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  display: flex;
+  align-items: center;
 }
 
 .dc-result-data .actions, .dc-result-header .actions {
@@ -281,7 +292,7 @@ padding: 0;
 
 .dc-result-data:hover { 
   background-color: #eee;
-  box-shadow: inset 0px 0px 0px 1px rgba(76,154,255, 1);
+  box-shadow: inset 0 0 0 1px rgba(76,154,255, 1);
 }
 
 .dc-result-data.footer {
@@ -309,7 +320,7 @@ display: inline-table;
 #data-fields {margin: 5px;}
 
 .dc-link {
-font-weight: bold;
+font-weight: 600;
 color: #666;
 text-align: center;
 border-radius: 2px;
@@ -319,7 +330,7 @@ border: 1px solid #ddd;
 
 .dc-link:hover {
   border: 1px solid rgba(76,154,255, 1);
-  box-shadow: inset 0px 0px 0px 1px rgba(76,154,255, 1);
+  box-shadow: inset 0 0 0 1px rgba(76,154,255, 1);
   transition: 0.3s; 
   color: #000;
   cursor: pointer;
@@ -331,12 +342,12 @@ border: 1px solid #ddd;
 }
 
 .dc-link div { 
-  padding: 7px; 
+  padding: 7px 8px; 
 }
 
 .dc-link-no {
   text-align: left;
-  font-weight: bold;
+  font-weight: 600;
   padding: 7px;
   vertical-align: bottom;
   border: 1px solid #ddd;
@@ -347,8 +358,8 @@ border: 1px solid #ddd;
 
 .dc-link-ajax {
   text-align: left;
-  font-weight: bold;
-  padding: 7px;
+  font-weight: 600;
+  padding: 8px 8px 6px;
   border-radius: 2px;
   color: #666;
   background: transparent linear-gradient(to bottom, #fff 0%, #e2e2e2 100%) repeat scroll 0% 0%;
@@ -367,7 +378,7 @@ cursor: pointer;
 background: #eee;
 border: 1px solid #bbb;
   border: 1px solid rgba(76,154,255, 1);
-  box-shadow: inset 0px 0px 0px 1px rgba(76,154,255, 1);
+  box-shadow: inset 0 0 0 1px rgba(76,154,255, 1);
 transition: 0.3s; 
 color: #000;
 }
@@ -382,7 +393,7 @@ transition: 0.3s;
 .dc-link-img {
   padding: 3px;
   text-align: center;
-  margin: 0px;
+  margin:  0;
 }
 
 .dc-link-img:hover {
@@ -445,14 +456,21 @@ border: solid 1px #ccc;;
 .dc-window-open i {
   padding-right: 4px;
 }
+.dc-window-open:hover {
+  cursor: pointer;
+}
 .dc-link-submit {
   text-align: left;
-  padding: 8px 6px 6px;
-
+  padding: 1px 8px 0.5px; 
+/* Exo  padding: 0 8px; */
+  
   border-radius: 2px;
   background-color: #eee;
   background: transparent linear-gradient(to bottom, #fff 0%, #e2e2e2 100%) repeat scroll 0% 0%;
   border: 1px solid #ddd;
+  display: flex;
+  align-items: center;
+  
 }
 
 .dc-link-submit .fa {
@@ -465,24 +483,25 @@ border: solid 1px #ccc;;
 .dc-link-submit:hover {
   color: #000;
   border: 1px solid rgba(76,154,255, 1);
-  box-shadow: inset 0px 0px 0px 1px rgba(76,154,255, 1);  
-  transition: 0.3s;
+  box-shadow: inset 0 0 0 1px rgba(76,154,255, 1);  
+  transition: 0.3s;  
 }
 .dc-link-submit:hover .dc-submit {
   color: #000;
   transition: 0.3s;
-
-
 }
+
 .dc-submit {
   text-decoration: none;
   border: none;
   color: #666;
-  font-weight: bold;
-  padding: 0px 2px;
-  border-radius: 0px;
+  font-weight: 600;
+  padding: 1px 2px 0;
+  border-radius:  0;
   background: transparent;
-} 
+  line-height: 30px;
+  font-size: 14px;
+}
 
 .dc-submit:hover { 
   cursor: pointer;
@@ -542,12 +561,12 @@ color: #aaa;
 }
 
 .dc-title {
-  font-weight: bold;
+  font-weight: 600;
   font-size: 1.4em;
   color: #338;
   padding: 5px 1px;
-  border-spacing: 0px;
-  margin: 0px;
+  border-spacing:  0;
+  margin:  0;
   background-color: #fff;
 }
 
@@ -559,14 +578,13 @@ color: #aaa;
 
 .dc-form-frame {
   width: 99.9%;
-  margin: 0px;
+  margin:  0;
   background-color: #fff;
 }
 
 .dc-form {
   width: 99.8%;
-  padding: 0px;
-  padding-top: 4px;
+  padding: 4px 0 0;
   border: 1px solid #eee;
   border-radius: 2px; 
   background-color: #fcfcfc;
@@ -620,13 +638,13 @@ color: #aaa;
   color: #555;
   text-align: right;
   vertical-align: middle;
-  font-weight: bold;
+  font-weight: 600;
   padding: 10px 2px;
-  width:  150px;
+  width: 150px;
 }
 
 .dc-form-label label {
-  padding: 0px 0px 2px 1px;
+  padding: 0 0 2px 1px;
 }
 
 .dc-form-label-top {
@@ -686,6 +704,7 @@ margin-top: 6px;
 margin-bottom: -3px;
 }
 
+.dc-width-0 {width: 0;}
 .dc-width-10 {width: 10%;}
 .dc-width-14 {width: 14%;}
 .dc-width-21 {width: 21%;}
@@ -705,15 +724,15 @@ margin-bottom: -3px;
   color: #666;
   text-decoration: none;
   text-align: center;
-  font-weight: bold;
-  line-height: 1rem;
+  font-weight: 600;
+  line-height: 1.2rem;
 
   padding:4px 15px;
   background: #e8e8e8;
   margin-right: 2px;
   border-left: 1px solid #ddd;
   border-right: 1px solid #ddd;
-  border-radius: 4px 4px 0px 0px;
+  border-radius: 4px 4px 0  0;
 }
 
 .dc-form-li:hover, .dc-form-li-selected {
@@ -788,7 +807,7 @@ display: flex;
 }
 
 #cmsedit-div {
-font-family: Arial, sans-serif;
+font-family: Exo,Arial, sans-serif;
 font-size: 13px;
 line-height: 13px;
 }
@@ -825,7 +844,7 @@ font-size: 1.2em;
 }
 
 .cmsedit-top #menu select#record_select { 
-  padding: 0px;
+  padding:  0;
   max-width: 300px;
   height: 26px;
 }
@@ -846,16 +865,16 @@ font-size: 1.2em;
 }
 
 .cmsedit-container #menu {
-display: inline-block;
-padding: 4px 0px;
-margin: 4px;
-font-size: 13px;
-color: #222;
-font-weight: bold;
+  display: inline-block;
+  padding: 4px 0;
+  margin: 4px;
+  font-size: 14px;
+  color: #222;
+  font-weight: 600;
 }
 
 .cmsedit-container .fa {
-width: 20px;
+width: 26px;
 }
 
 .cmsedit-container #menu a {
@@ -899,8 +918,8 @@ display: none;
 
 .default-table {
   width: 100%;
-  padding: 0px;
-  border-spacing: 0px;
+  padding:  0;
+  border-spacing:  0;
   text-align: left;
 }
 
@@ -914,12 +933,25 @@ display: none;
 }
 /****** jquery ui-autocomplete widget ***************/
 .ui-autocomplete-input {
-  font-style: italic;
-  padding: 6px;
+  padding: 6px 6px 6px 12px;
   border-radius: 2px;
-  border: solid 1px #9c9;
-/*  background: linear-gradient(#8d8 0%, #ffe 15%, #fff 80%); */
 }
+.dc-text-autocomplete {
+  position: relative;
+}
+
+.dc-text-autocomplete input+span:before {
+  font-family: 'FontAwesome';
+  content: '\f002';
+  top: -4px;
+  left: 4px;
+  position: absolute;
+  color: #666;
+  font-weight: bold;
+  font-size: 10px;
+}
+
+.filter_field .dc-text-autocomplete input+span:before {top: -16px;}
 
 .ui-autocomplete.ui-menu{
  font-size: 1.1em;
@@ -962,14 +994,14 @@ background-color: lightyellow;
   font-size: 1.2em;
   padding: 0 5em 1em 1em;
   border: 1px solid #669;
-  box-shadow: 0px 0px 5px #666;
+  box-shadow: 0 0 5px #666;
 }
 #dc-login h2 {
   font-weight: bold;
   font-size: 1.4em;
 }
 #dc-login .label {
-  padding: 5px 0px;
+  padding: 5px  0;
 }
 
 .div-hidden {
@@ -993,16 +1025,16 @@ border: 1px solid #eee;
 .drgcms_popmenu_item:hover {
 background-color: white;
 border: 1px solid rgba(76,154,255, 1);
-box-shadow: inset 0px 0px 0px 1px rgba(76,154,255, 1);
+box-shadow: inset 0 0 0 1px rgba(76,154,255, 1);
 border-radius: 2px;
 }
 
 .drgcms_sort {
 width: 22px; 
-border: 0px; 
+border:  0; 
 background: none; 
 height: 16px;
-padding: 0px;
+padding:  0;
 }
 
 .iframe_embedded {
@@ -1016,8 +1048,8 @@ background-color: #fff;
 #iframe_edit, #iframe_cms {
 height: 1px;
 width: 100%;
-border: 0px;
-margin-bottom: 0px;
+border:  0;
+margin-bottom:  0;
 overflow-x:hidden;
 }
 
@@ -1026,7 +1058,7 @@ overflow-x:hidden;
 /******************* action-menu *********************/
 
 #dc-action-menu {
-padding: 2px 0px 6px 0px;
+padding: 2px 0 6px  0;
 font-weight: bold;
 color: #666;
 display: inline-flex;
@@ -1034,7 +1066,7 @@ display: inline-flex;
 
 #dc-action-menu ul {
 list-style:none;
-padding: 0px;
+padding:  0;
 /*margin: 8px 2px 4px 2px; */
 line-height: 2.2rem;
 }
@@ -1069,7 +1101,7 @@ border: 1px solid #ddd;
 display: block; 
 float: none;
 padding: 6px 10px;
-margin-right: 0px;
+margin-right:  0;
 white-space: nowrap;
 background: #fff;
 border: 0;
@@ -1099,7 +1131,7 @@ padding: 7px;
 color: #222;
 }
 .dc-action-menu li:hover ul li:hover {
-border: 0px;
+border:  0;
 background: #eee;
 border-radius: 2px;
 }
@@ -1117,7 +1149,7 @@ color: #000 !important;
 background-color: transparent;
 }
 
-.menu-filter hr {margin: 0px;}
+.menu-filter hr {margin:  0;}
 
 .dc-action-menu .no-background {
   background: #fff;
@@ -1227,13 +1259,13 @@ color: #669;
 
 .dc-radio {
   background-color: #fff;
-  border: solid 1px #ccc;;
+/*  border: solid 1px #ccc;;*/
   padding: 5px 0 7px 0;
   display: inline-table;
 }
 .dc-radio div {
   font-size: 1.1em;
-  padding: 0 8px 6px 0;
+  padding: 8px;
   white-space: nowrap;
 }
 .dc-radio.dc-inline div {
@@ -1241,7 +1273,8 @@ color: #669;
 }
 
 .dc-radio input {
-  vertical-align: bottom;
+  vertical-align: initial;
+  margin: 6px 4px 0 0;
 }
 
 /****** MOBILE DEVICE *****/
@@ -1262,3 +1295,10 @@ color: #669;
   
   .dc-width-10, .dc-width-14, .dc-width-21, .dc-width-85, .dc-width-100 {width: 100%;}
 }
+
+/******* Firefox only ********/
+@-moz-document url-prefix() {
+  .dc-submit {
+    padding: 0 2px 1px;
+  }
+}