Prevent a change in height when switching from a dir to a file

hashicorp · Aug 8, 2019 · a728ed1 · a728ed1
1 parent 0fad368
commit a728ed1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/ui/app/styles/core/buttons.scss b/ui/app/styles/core/buttons.scss
@@ -30,7 +30,7 @@ $button-box-shadow-standard: 0 2px 0 0 rgba($grey, 0.2);
 
   &.is-compact {
     padding: 0.25em 0.75em;
-    margin: -0.25em -0.25em -0.25em 0;
+    margin: -0.25em 0;
 
     &.pull-right {
       margin-right: -1em;

diff --git a/ui/app/templates/components/task-file.hbs b/ui/app/templates/components/task-file.hbs
@@ -9,14 +9,14 @@
   <span class="pull-right">
 
     {{#if (not fileTypeIsUnknown)}}
-      <a data-test-log-action="raw" class="button is-white" href="{{catUrl}}" target="_blank" rel="noopener noreferrer">View Raw File</a>
+      <a data-test-log-action="raw" class="button is-white is-compact" href="{{catUrl}}" target="_blank" rel="noopener noreferrer">View Raw File</a>
     {{/if}}
     {{#if (and isLarge isStreamable)}}
-      <button data-test-log-action="head" class="button is-white" onclick={{action "gotoHead"}}>Head</button>
-      <button data-test-log-action="tail" class="button is-white" onclick={{action "gotoTail"}}>Tail</button>
+      <button data-test-log-action="head" class="button is-white is-compact" onclick={{action "gotoHead"}}>Head</button>
+      <button data-test-log-action="tail" class="button is-white is-compact" onclick={{action "gotoTail"}}>Tail</button>
     {{/if}}
     {{#if isStreamable}}
-      <button data-test-log-action="toggle-stream" class="button is-white" onclick={{action "toggleStream"}}>
+      <button data-test-log-action="toggle-stream" class="button is-white is-compact" onclick={{action "toggleStream"}}>
         {{x-icon (if logger.isStreaming "media-pause" "media-play") class="is-text"}}
       </button>
     {{/if}}