Use the bootstrap spacer variable as the basis for spacing calcuation, and match...

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 4664578cde8a1121d39199d91dd9ed87c3419f2b..136404858523a59108f558a90de33b535f9464f4 100644 (file)
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -977,9 +977,13 @@ tr.turn:hover {
   }
 }
 
+/* Bootstrap buttons don't have any vertical margin, so
+   they touch when adjacent buttons wrap onto a new line
+   e.g. wide form buttons on a narrow sidebar */
+
 .btn-wrapper {
   > .btn {
-    margin-bottom: $lineheight/4;
+    margin-bottom: $spacer * 0.25;
   }
 }