Mercurial > gemma

changeset 3026:619f03a0062a

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: adjusted box control's style
author Markus Kottlaender <markus@intevation.de>
date Fri, 12 Apr 2019 11:49:08 +0200
parents 37cc0d75ad84
children 84e6577a474b
files client/src/assets/application.scss client/src/components/ui/UIBoxHeader.vue
diffstat 2 files changed, 6 insertions(+), 3 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/assets/application.scss	Fri Apr 12 11:48:55 2019 +0200
+++ b/client/src/assets/application.scss	Fri Apr 12 11:49:08 2019 +0200
@@ -106,12 +106,15 @@
 }
 
 .box-control {
-  display: inline-block;
+  display: flex;
   color: #888;
-  padding: 3px 7px;
+  padding: 4px 7px;
   border-radius: 0.25rem;
   cursor: pointer;
   transition: background-color 0.3s, color 0.3s;
+  &.small {
+    padding: 4px;
+  }
   &:hover {
     color: #666;
     background-color: #eee;
--- a/client/src/components/ui/UIBoxHeader.vue	Fri Apr 12 11:48:55 2019 +0200
+++ b/client/src/components/ui/UIBoxHeader.vue	Fri Apr 12 11:49:08 2019 +0200
@@ -9,7 +9,7 @@
       />
       {{ title }}
     </span>
-    <div>
+    <div class="d-flex flex-row">
       <span
         class="box-control"
         v-for="(action, index) in actions"