Merge branch 'improvement/layout-optimizations' into develop

Made a number of improvements to the layout. These include:
- Made navigation (cc02a42) and topic information (38c6e50) sticky
- Introduced basic responsiveness for buttons (18be165), title (18be165), and navigation (89893ea)

While I was at it, I also consolidated the `sidebar` related styles into `_layout.scss` (4d1e0a2, fda3b0c).

Author: JeremyCaney

OnTopic.Editor.AspNetCore/Areas/Editor/Views/Editor/Edit.cshtml

@@ -65,7 +65,7 @@
     </div>
 
     @if (!Model.IsModal) {
-      <div class="col-lg-3 callouts">
+      <div class="col-lg-3 callouts d-none d-lg-block">
         <div class="callout topic-info">
 
           <h3 class="h5">Topic Information</h3>

OnTopic.Editor.AspNetCore/Areas/Editor/Views/Shared/_Layout.cshtml

@@ -34,7 +34,7 @@
           <div class="row">
 
             <!-- Site Name -->
-            <div class="col-md-2 col-sm-3 logotype lockup">
+            <div class="col-md-2 col-sm-3 d-none d-lg-block logotype lockup">
               <a href="~/">OnTopic</a>
             </div>
             <!-- /Site Name -->
@@ -56,7 +56,7 @@
 
         <!-- Primary (Treeview) Sidebar -->
         @if (!Model.IsModal) {
-          <nav id="Sidebar" class="col-md-2 col-sm-3 sidebar" role="navigation">
+          <nav id="Sidebar" class="col-md-2 col-sm-3 sidebar d-none d-sm-block" role="navigation">
             <div id="FixedSidebar">
               <div id="TreeView"></div>
               <text>

OnTopic.Editor.AspNetCore/Areas/Editor/Views/Shared/_Toolbar.cshtml

@@ -11,7 +11,7 @@
 
     @if (Model.Topic.VersionHistory.Count > 1) {
       <!-- Versions -->
-      <div id="VersionsDropdown" class="dropdown" style="display:inline-block;">
+      <div id="VersionsDropdown" class="dropdown d-none d-lg-inline-block" style="display:inline-block;">
         <button class="btn btn-sm btn-ancillary dropdown-toggle" type="button" id="VersionsButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
           <span class="fa fa-history"></span>
           Versions
@@ -36,7 +36,7 @@
 
     <!-- Export -->
     @if (!Model.IsModal) {
-      <a href="@Url.Action("Export", "Editor", new { path=Model.Topic.WebPath })" class="btn btn-ancillary btn-sm">
+      <a href="@Url.Action("Export", "Editor", new { path=Model.Topic.WebPath })" class="btn btn-ancillary btn-sm d-none d-lg-inline-block">
         <span class="fa fa-arrow-down"></span>
         Export
       </a>

OnTopic.Editor.AspNetCore/Shared/Styles/Base/_buttons.scss

@@ -62,15 +62,4 @@
       margin-left               : 4px;
     }
   }
-}
-
-//----------------------------------------------------------------------------------------------
-// SIDEBAR
-//----------------------------------------------------------------------------------------------
-.sidebar {
-  .btn {
-    margin-top                  : 20px;
-    width                       : 100%;
-  }
-
 }

OnTopic.Editor.AspNetCore/Shared/Styles/Base/_callouts.scss

@@ -22,11 +22,11 @@
 //----------------------------------------------------------------------------------------------
 .callout {
   &.topic-info {
-    position                    : fixed;
+    @extend                     .sticky-top;
+    top                         : 136px+15px;
     border                      : 1px solid $grey-lighter;
     padding                     : 15px;
-    width                       : 15%;
-    max-width                   : 200px;
+    width                       : 100%;
     h3,
     dt,
     dd {

OnTopic.Editor.AspNetCore/Shared/Styles/Base/_forms.scss

@@ -128,10 +128,6 @@ span.radio {
   padding                       : .1rem !important;
 }
 
-//----------------------------------------------------------------------------------------------
-// BUTTONS
-//----------------------------------------------------------------------------------------------
-
 //----------------------------------------------------------------------------------------------
 // VALIDATION
 //----------------------------------------------------------------------------------------------

OnTopic.Editor.AspNetCore/Shared/Styles/Base/_lists.scss

@@ -35,4 +35,4 @@
       padding-right: 10px;
     }
   }
-}
+}

OnTopic.Editor.AspNetCore/Shared/Styles/Components/TreeView/_treeView.scss

@@ -13,22 +13,14 @@
 // LAYOUT
 //----------------------------------------------------------------------------------------------
 .sidebar {
-  padding-top                   : 50px;
-  padding-left                  : 0px;
   .treeview {
     margin-left                 : -16px; //Compensates .x-tree-node-indent
-    margin-bottom               : 25px;
     input[type="checkbox"] {
       display                   : none;
     }
   }
 }
 
-//----------------------------------------------------------------------------------------------
-// CORE
-//----------------------------------------------------------------------------------------------
-
-
 //----------------------------------------------------------------------------------------------
 // OVERRIDES
 //----------------------------------------------------------------------------------------------

OnTopic.Editor.AspNetCore/Shared/Styles/Layout/_layout.scss

@@ -83,6 +83,23 @@ body {
   }
 }
 
+//----------------------------------------------------------------------------------------------
+// SIDEBAR
+//----------------------------------------------------------------------------------------------
+.sidebar {
+  padding-left                  : 0px;
+  padding-top                   : 50px;
+}
+
+#FixedSidebar {
+  @extend                       .sticky-top;
+  top                           : 136px;
+  .btn, select {
+    margin-bottom               : 20px;
+    width                       : 100%;
+  }
+}
+
 //----------------------------------------------------------------------------------------------
 // PRIMARY CONTENT AREA
 //----------------------------------------------------------------------------------------------