Attempt to fix border radius issues in #27

ufal · Oct 21, 2015 · 67ef2ff · 67ef2ff
1 parent 2eee832
commit 67ef2ff
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 23 deletions.
diff --git a/src/refbox/main.less b/src/refbox/main.less
@@ -292,29 +292,29 @@ html.lindat-modal-open {
   }
 }
 
-.lindat-refbox-copy {
-
+.lindat-refbox-copy-wrapper {
   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;
+}
 
-    &:focus {
-      outline: 0;
-    }
+.lindat-refbox-copy {
+  background: @refbox-text;
+  display: block;
+  white-space: nowrap;
+  border: none;
+  border-radius: 500rem;
+  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%);
   }
 }
 
@@ -427,7 +427,7 @@ html.lindat-modal-open {
 }
 
 // Remove inner padding and border in Firefox 4+.
-button.lindat-button::-moz-focus-inner{
+button.lindat-button::-moz-focus-inner {
   border: 0;
   padding: 0;
 }

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 class="lindat-refbox-copy">
-        <button class="lindat-icon lindat-icon-copy" refbox-copy-button></button>
+      <div class="lindat-refbox-copy-wrapper">
+        <button class="lindat-icon lindat-icon-copy lindat-refbox-copy" refbox-copy-button></button>
       </div>
     </div>
   </div>