Fixes #20

ufal · Oct 21, 2015 · 2eee832 · 2eee832
1 parent 748500a
commit 2eee832
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 17 deletions.
diff --git a/src/refbox/main.less b/src/refbox/main.less
@@ -280,7 +280,7 @@ html.lindat-modal-open {
   color: @refbox-body-text;
   font-weight: bold;
 
-  flex: 1 1 auto;
+  flex: 1 1 0;
   a {
     color: #428bca;
     outline: 0;
@@ -293,22 +293,28 @@ html.lindat-modal-open {
 }
 
 .lindat-refbox-copy {
-  background: @refbox-text;
-  border: none;
-  border-radius: 50%;
-  width: 1.3em;
-  height: 1.3em;
-  line-height: 1em;
-  font-size: 2.5em;
-  cursor: pointer;
-  color: #ffffff;
 
-  &:focus {
-    outline: 0;
-  }
+  flex: 0 1 auto;
+  button {
+    background: @refbox-text;
+    display: block;
+    white-space: nowrap;
+    border: none;
+    border-radius: 50%;
+    width: 1.3em;
+    height: 1.3em;
+    line-height: 1em;
+    font-size: 2.5em;
+    cursor: pointer;
+    color: #ffffff;
 
-  &:hover {
-    background-color: darken(@refbox-text, 10%);
+    &:focus {
+      outline: 0;
+    }
+
+    &:hover {
+      background-color: darken(@refbox-text, 10%);
+    }
   }
 }
 

diff --git a/src/refbox/template.html b/src/refbox/template.html
@@ -13,8 +13,8 @@ <h3>Please use the following text to cite this item or export to a predefined fo
           <div></div>
         </div>
       </div>
-      <div>
-        <button class="lindat-refbox-copy lindat-icon lindat-icon-copy" refbox-copy-button></button>
+      <div class="lindat-refbox-copy">
+        <button class="lindat-icon lindat-icon-copy" refbox-copy-button></button>
       </div>
     </div>
   </div>