some minor touches for the ui making rounded courners work throughout the site…

some minor touches for the ui making rounded courners work throughout the site and changing around the wiki help bar

static/sass/base/_extends.scss

@@ -16,6 +16,11 @@
   div.table-wrapper {
     display: table;
     width: flex-grid(12);
+    overflow: hidden;
+
+    @media screen and (min-width: 1400px) {
+      @include border-radius(4px);
+    }
   }
 }
 
@@ -83,6 +88,7 @@ h1.top-header {
   padding: lh();
   vertical-align: top;
   width: flex-grid(9) + flex-gutter();
+  overflow: hidden;
 
   @media print {
     @include box-shadow(none);
@@ -196,7 +202,8 @@ h1.top-header {
   @extend .clearfix;
   background: $cream;
   border-bottom: 1px solid darken($cream, 10%);
-  @include box-shadow(inset 0 1px 0 #fff, inset 1px 0 0 #fff);
+  border-top: 1px solid #fff;
+  // @include box-shadow(inset 0 1px 0 #fff, inset 1px 0 0 #fff);
   font-size: 12px;
   height:46px;
   line-height: 46px;

static/sass/courseware/_courseware.scss

@@ -17,9 +17,7 @@ div.course-wrapper {
 
   section.course-content {
     @extend .content;
-    overflow: hidden;
-    @include border-top-right-radius(4px);
-    @include border-bottom-right-radius(4px);
+    @include border-radius(0 4px 4px 0);
 
     h1 {
       margin: 0 0 lh();
@@ -186,6 +184,7 @@ div.course-wrapper {
             margin-top: 8px;
             text-align: right;
             padding-right: 0;
+            border-right: 0;
           }
         }
 

static/sass/courseware/_sequence-nav.scss

@@ -222,7 +222,7 @@ nav.sequence-nav {
       &.next {
         a {
           background-image: url('../images/sequence-nav/next-icon.png');
-          @include border-top-right-radius(4px);
+          // @include border-top-right-radius(4px);
 
           &:hover {
             background-color: none;
@@ -237,6 +237,13 @@ nav.sequence-nav {
 section.course-content {
   position: relative;
 
+  ol.vert-mod {
+    nav.sequence-nav {
+      margin-top: -15px;
+      @include border-radius(0);
+    }
+  }
+
   nav.sequence-bottom {
     margin: lh(2) 0 0;
     text-align: center;

static/sass/layout/_layout.scss

@@ -17,7 +17,6 @@ html {
       @include box-shadow(0 0 4px #dfdfdf);
       @include box-sizing(border-box);
       margin-top: 3px;
-      overflow: hidden;
 
       @media print {
         border-bottom: 0;
@@ -27,6 +26,7 @@ html {
       @media screen and (min-width: 1400px) {
         @include border-radius(4px);
         margin-top: lh(.5);
+        overflow: hidden;
       }
     }
 

static/sass/wiki/_wiki.scss

@@ -5,12 +5,14 @@ div.wiki-wrapper {
   section.wiki-body {
     @extend .clearfix;
     @extend .content;
+    @include border-radius(0 4px 4px 0);
     position: relative;
 
     header {
       @extend .topbar;
-      @include box-shadow(inset 0 1px 0 white);
+      @include border-radius(0 4px 0 0);
       height:46px;
+      overflow: hidden;
 
       &:empty {
         border-bottom: 0;

templates/simplewiki_instructions.html

 <div id="wiki_edit_instructions">
-  This wiki uses <strong>Markdown</strong> for styling. There are several <a href="http://daringfireball.net/projects/markdown/basics">useful</a> <a href="http://greg.vario.us/doc/markdown.txt">guides</a> <a href="http://www.lowendtalk.com/discussion/6/miniature-markdown-guide">online</a>.
-  <br>
-  <br>MITx Additions:
+  This wiki uses <strong>Markdown</strong> for styling. 
+  <h2> MITx Additions: </h2>
   <p class="markdown-example">circuit-schematic:</p>
   <p class="markdown-example"><span>$</span>LaTeX Math Expression<span>$</span></p>
   To create a new wiki article, create a link to it. Clicking the link gives you the creation page.  
   <p class="markdown-example">[Article Name](wiki:ArticleName)</p>
-  Other useful examples:<br>
+
+  <h2>Useful examples: </h2>
   <p class="markdown-example">[Link](http://google.com)</p>
   <p class="markdown-example">Huge Header
   <br>====</p>
@@ -19,4 +19,6 @@
   <br>&nbsp&nbsp- Sub Item 2</p>
   <p class="markdown-example">1. Ordered
   <br>2. List</p>
+
+  <p>Need more help? There are several <a href="http://daringfireball.net/projects/markdown/basics">useful</a> <a href="http://greg.vario.us/doc/markdown.txt">guides</a> <a href="http://www.lowendtalk.com/discussion/6/miniature-markdown-guide">online</a>.</p>
 </div>