viewer: ldcommandsearch: fix flexbox shrinking and overlap

GitHub: closes #183

1 files changed, 5 insertions, 1 deletions

diff --git a/viewer/src/components/LdCommandSearch.vue b/viewer/src/components/LdCommandSearch.vue
index 3d95eb0..b185a51 100644
--- a/viewer/src/components/LdCommandSearch.vue
+++ b/viewer/src/components/LdCommandSearch.vue
@@ -18,7 +18,7 @@
 -->
 
 <template>
-  <div class="flex">
+  <div class="command-search-btn-row">
     <b-button @click="clear">
       <fa-icon icon="eraser" />
       <span>{{$t('command.search.clear')}}</span>
@@ -48,4 +48,8 @@ export default class LdCommandSearch extends Vue {
 </script>
 
 <style lang="scss">
+.command-search-btn-row {
+  display: flex;
+  flex: none;
+}
 </style>