Fix formatting to match stylelint's settings

kbase-extension/static/kbase/css/batchMode.css

@@ -1,22 +1,22 @@
 .batch-mode-col {
-    padding: 5px 10px;
-    overflow: auto;
+  padding: 5px 10px;
+  overflow: auto;
 }
 
 .job-info {
-    cursor: pointer;
+  cursor: pointer;
 }
 
 .job-info.job-selected {
-    background-color: #eee;
+  background-color: #eee;
 }
 
 .batch-mode-list {
-    max-height: 860px;
-    overflow: auto;
+  max-height: 860px;
+  overflow: auto;
 }
 
 .batch-input-panel {
-    max-height: 300px;
-    overflow: auto;
-}
+  max-height: 300px;
+  overflow: auto;
+}

kbase-extension/static/kbase/css/bootstrapHelper.css

@@ -5,7 +5,6 @@
     Customize bootstrap styles
 */
 
-
 /*
   Bs recommends h4 for the modal title, but this is overridden by the general
   purpose kbase h4 style. Generally, I (Erik) do not like using semantic tags
@@ -14,23 +13,21 @@
 */
 
 .modal .modal-title {
-    font-family: "Oxygen", Arial, sans-serif;
-    font-size: 130%;
-    font-weight: bold;
-    color: #2e618d;
+  font-family: "Oxygen", Arial, sans-serif;
+  font-size: 130%;
+  font-weight: bold;
+  color: #2e618d;
 }
 
-
 /*
     Unset the global modal title color set above for alert modals, which
     may set the color style based on the alert type.
 */
 
 .modal.kb-modal-alert .modal-title {
-    color: unset;
+  color: unset;
 }
 
-
 /*
     The BS checkbox appears too low, due to the top margin, when used with a label
     in the recommended manner.
@@ -42,66 +39,64 @@
 */
 
 .modal input[type="checkbox"] {
-    margin-top: 1px;
+  margin-top: 1px;
 }
 
 .panel.kb-panel-light {
-    border: none;
-    margin-bottom: 10px;
+  border: none;
+  margin-bottom: 10px;
 }
 
-
 /* colors copied shamelessly from peeking at bootstrap
    http://getbootstrap.com/css/
 */
 
 .panel-danger.kb-panel-light .panel-title {
-    color: #a94442;
+  color: #a94442;
 }
 
 .panel-success.kb-panel-light .panel-title {
-    color: #3c763d;
+  color: #3c763d;
 }
 
 .panel-warning.kb-panel-light .panel-title {
-    color: #8a6d3b;
+  color: #8a6d3b;
 }
 
 .panel-info.kb-panel-light .panel-title {
-    color: blue;
+  color: blue;
 }
 
-.panel.kb-panel-light>.panel-heading {
-    background-color: transparent;
-    font-weight: bold;
-    color: #666;
-    padding-left: 0;
-    padding-bottom: 2px;
-    border-bottom: 1px #CCC solid;
+.panel.kb-panel-light > .panel-heading {
+  background-color: transparent;
+  font-weight: bold;
+  color: #666;
+  padding-left: 0;
+  padding-bottom: 2px;
+  border-bottom: 1px #ccc solid;
 }
 
 .panel.kb-panel-light .panel-body {
-    padding: 0;
+  padding: 0;
 }
 
 .panel.kb-panel-container {
-    border: none;
+  border: none;
 }
 
-.panel.kb-panel-container>.panel-heading {
-    background-color: transparent;
-    font-weight: bold;
-    padding-left: 0;
-    padding-bottom: 2px;
-    border-bottom: 2px #CCC solid;
-    margin-bottom: 10px;
+.panel.kb-panel-container > .panel-heading {
+  background-color: transparent;
+  font-weight: bold;
+  padding-left: 0;
+  padding-bottom: 2px;
+  border-bottom: 2px #ccc solid;
+  margin-bottom: 10px;
 }
 
 .panel.kb-panel-container .panel-body {
-    padding-top: 0;
+  padding-top: 0;
 }
 
-
 /*
   The button bar in a cell widgetis located at the bottom of the inputs, but
   above any outputs.
@@ -110,7 +105,7 @@
 */
 
 .btn-toolbar.kb-btn-toolbar-cell-widget {
-    margin-bottom: 20px;
-    background-color: #EEE;
-    padding: 6px;
+  margin-bottom: 20px;
+  background-color: #eee;
+  padding: 6px;
 }

kbase-extension/static/kbase/css/buttons.css

@@ -2,26 +2,24 @@
 /* A flat button, with no unselected background color, but with hover and click
    styles */
 .btn.kb-flat-btn {
-    background-color: #FFF;
-    border: none;
-    text-shadow: none !important;
-    margin: 0;
-}
-.kb-flat-btn-wrapper { /* don't add shadows here */
-    box-shadow: none;
+  background-color: #fff;
+  border: none;
+  text-shadow: none !important;
+  margin: 0;
+  color: #666;
 }
 
-/* Set a plain default color -- should be overridden when building the button. */
-.btn.kb-flat-btn  {
-    color: #666;
+.kb-flat-btn-wrapper { /* don't add shadows here */
+  box-shadow: none;
 }
 
 /* Text spacing */
 .btn.kb-flat-btn .kb-nav-btn-txt {
-    font-size: 10pt;
-    margin-top: -5px;
+  font-size: 10pt;
+  margin-top: -5px;
 }
 
-.btn.kb-flat-btn:hover, .btn.kb-flat-btn:active  {
-    background-color: #CCC;
+.btn.kb-flat-btn:hover,
+.btn.kb-flat-btn:active {
+  background-color: #ccc;
 }

kbase-extension/static/kbase/css/contigBrowserStyles.css

@@ -1,30 +1,31 @@
-/*------------ Contig browser rules --------------*/
+/* ------------ Contig browser rules -------------- */
+
 /*
  * Styling for the tooltip that pops up when a feature is highlighted.
  */
 .kbcb-tooltip {
-    position: absolute;
-    z-index: 9999999;
-    visibility: hidden;
-    opacity: 0.8;
-    background-color: #222;
-    color: #fff;
-    padding: 0.5em;
+  position: absolute;
+  z-index: 9999999;
+  visibility: hidden;
+  opacity: 0.8;
+  background-color: #222;
+  color: #fff;
+  padding: 0.5em;
 }
 
 /**
  * Adjusts the font size and stroke width of the base-position axis.
  */
 .kbcb-widget .kbcb-axis path,
 .kbcb-widget .kbcb-axis line {
-    fill: none;
-    stroke: black;
-    shape-rendering: crispEdges;
+  fill: none;
+  stroke: black;
+  shape-rendering: crispEdges;
 }
 
 .kbcb-widget .kbcb-axis text {
-    font-family: sans-serif;
-    font-size: 11px;
+  font-family: sans-serif;
+  font-size: 11px;
 }
 
 /**
@@ -37,27 +38,27 @@
  * And highlighted features should be colored last (not currently used).
  */
 .kbcb-feature {
-    stroke: #000;
-    fill: #f00;
+  stroke: #000;
+  fill: #f00;
 }
 
 .kbcb-operon {
-    fill: #0f0;
+  fill: #0f0;
 }
 
 .kbcb-center {
-    fill: #00f;
+  fill: #00f;
 }
 
 .kbcb-highlight {
-    fill: #fff;
+  fill: #fff;
 }
 
 /**
  * The below controls styling for the (optional) button panel
  */
 .kbcb-buttons {
-    margin-left: auto;
-    margin-right: auto;
-    width: 70%;
+  margin-left: auto;
+  margin-right: auto;
+  width: 70%;
 }