update design of wiki git access page

1 files changed, 32 insertions, 8 deletions

diff --git a/app/assets/stylesheets/pages/wiki.scss b/app/assets/stylesheets/pages/wiki.scss
index 78edff35aa7..ab9c2e2e3e1 100644
--- a/app/assets/stylesheets/pages/wiki.scss
+++ b/app/assets/stylesheets/pages/wiki.scss
@@ -8,10 +8,6 @@
 .top-area {
   position: relative;
 
-  &.sub-header-block {
-    padding-right: 40px;
-  }
-
   button.sidebar-toggle {
     position: absolute;
     right: 0;
@@ -24,10 +20,7 @@
   }
 
   @media (min-width: $screen-md-min) {
-    &,
-    &.sub-header-block {
-      padding-right: 0;
-    }
+    padding-right: 0;
 
     button.sidebar-toggle {
       display: none;
@@ -35,6 +28,37 @@
   }
 }
 
+.wiki-page-header {
+  @extend .top-area;
+
+  .git-access-header {
+    padding: 16px 0 11px;
+    line-height: 28px;
+    font-size: 18px;
+  }
+
+  .git-clone-holder {
+    width: 480px;
+    padding-bottom: 40px;
+  }
+
+  @media (max-width: $screen-xs-max) {
+    .git-clone-holder {
+      width: 100%;
+    }
+  }
+}
+
+.wiki-git-access {
+  margin: $gl-padding 0;
+
+  h3 {
+    font-size: 22px;
+    font-weight: normal;
+    margin-top: 1.4em;
+  }
+}
+
 .right-sidebar.wiki-sidebar {
   padding: $gl-padding 0;