Fix bootstrap CSS issues in Safari and Chrome

2018-11-06 14:18:58 +01:00
parent 45694ca838
commit c44478783a
7 changed files with 20 additions and 10 deletions
--- a/app/assets/stylesheets/base.css.scss
+++ b/app/assets/stylesheets/base.css.scss
@@ -15,15 +15,24 @@ i.fa {
 pre {
  background-color: #FAFAFA;
  margin: 0;
-  padding: 0;
+  padding: .25rem!important;
+  border: 1px solid #CCCCCC;
 }

 span.caret {
  margin-left: 0.5em;
 }

+btn {
+  -webkit-font-smoothing: antialiased;
+  font-weight: 500;
+}
+
 .progress {
  margin: 0;
+  border: 1px solid #CCCCCC;
+  padding: 0.125rem !important;
+  height: 1.25rem !important;

  .progress-bar {
    line-height: initial;
@@ -32,6 +41,11 @@ span.caret {
  }
 }

+.nav-link {
+  -webkit-font-smoothing: antialiased;
+  font-weight: 500;
+}
+
 .attribute-row + .attribute-row {
  margin-top: 0.5em;
 }