styling

observatorycontrolsystem · Jun 24, 2019 · 63e3f75 · 63e3f75
1 parent 31b2d37
commit 63e3f75
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 8 deletions.
diff --git a/static/css/main.css b/static/css/main.css
@@ -307,10 +307,8 @@ a:hover {
     padding: 0 !important;
 }
 
-.btn-outline-secondary{
-    color: black;
-}
 
-.btn-outline-secondary:hover {
-    color:white;
+ .btn-outline-secondary {
+    border-color: #bababa;
+    color: #000000;
 }
diff --git a/static/js/components/archivetable.vue b/static/js/components/archivetable.vue
@@ -4,24 +4,26 @@
       <b-button
         @click="downloadSelected"
         variant="outline-secondary"
+        size="sm"
       >
         <i class="fa fa-check"></i> Download Selected
       </b-button>
       <b-button
         @click="downloadAll"
         variant="outline-secondary"
+        size="sm"
       >
         <i class="fa fa-download"></i> Download All
       </b-button>
       <b-link
         :href="archiveLink"
         target="_blank"
-        class="btn btn-outline-secondary"
+        class="btn btn-sm btn-outline-secondary"
       >
         <i class="fa fa-arrow-right"></i> View on Archive
       </b-link>
     </div>
-    <table id="archive-table"></table>
+    <table id="archive-table" class="table-sm"></table>
   </div>
 </template>
 <script>
@@ -84,6 +86,7 @@
         idField: 'id',
         pagination: true,
         pageSize: 10,
+        buttonsClass: 'outline-secondary',
         sortName: 'filename',
         sortOrder: 'asc',
         maintainSelected: true,

diff --git a/static/js/telescope_availability_chart.vue b/static/js/telescope_availability_chart.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="telescopeAvailability">
     {{ error }}
-    <table class="availability_chart table table-bordered table-condensed" v-show="sortedTelescopes.length">
+    <table class="availability_chart table table-bordered table-sm" v-show="sortedTelescopes.length">
       <thead class="thead-default">
       <th>Telescope</th>
       <th v-for="(dateLabel, dataLabelIdx) in dateLabels" :key="dataLabelIdx">{{ dateLabel }}</th>

diff --git a/templates/index.html b/templates/index.html
@@ -44,6 +44,7 @@ <h3>Need more information?</h3>
                 Check out the  <a href="{% url 'help' %}">help page.</a>
             </div>
         </div>
+        <br>
         <h3>Telescope availability history</h3>
         <p>This chart shows the percent of operational science time for each telescope over the last 4 days. View the <a href="https://lco.global/observatory/status/">detailed operational status.</a></p>
         <div id="telescope_availability_chart"></div>