Updated the style of the snippets header in #show

It should now more closly match the styles used in
issues and merge requests with some small tweaks
to be more relevant to snippets

1 files changed, 55 insertions, 0 deletions

diff --git a/app/assets/stylesheets/pages/snippets.scss b/app/assets/stylesheets/pages/snippets.scss
index a3d7aba054d..39034a1391f 100644
--- a/app/assets/stylesheets/pages/snippets.scss
+++ b/app/assets/stylesheets/pages/snippets.scss
@@ -30,3 +30,58 @@
     }
   }
 }
+
+.snippet-details {
+  .page-title {
+    margin-top: -15px;
+    padding: 10px 0;
+    margin-bottom: 0;
+    color: #5c5d5e;
+    font-size: 16px;
+
+    .author {
+      color: #5c5d5e;
+    }
+
+    .snippet-id {
+      color: #5c5d5e;
+    }
+    .btn {
+      padding: 10px $gl-padding;
+    }
+  }
+
+  .snippet-title {
+    margin: 0;
+    font-size: 23px;
+    color: #313236;
+  }
+
+  @media (max-width: $screen-md-max) {
+    .new-snippet-link {
+      display: none;
+    }
+  }
+
+  @media (max-width: $screen-sm-max) {
+    .creator,
+    .page-title .btn-close {
+      display: none;
+    }
+  }
+}
+
+.snippet-box {
+  @include border-radius(2px);
+
+  display: inline-block;
+  padding: 10px $gl-padding;
+  font-weight: normal;
+  margin-right: 10px;
+  font-size: $gl-font-size;
+
+  &.snippet-box-locked {
+    background: $gl-gray;
+    color: #FFF;
+  }
+}