studio - in progress styling of tender help widget

cms/static/sass/_tender-widget.scss

-// tender help/support widget
-// ====================
-
-#tender_frame, #tender_window {
-  background-image: none !important;
-}
-
-#tender_frame {
-  @include border-radius(3px);
-  @include box-shadow(0 2px 3px $shadow);
-  border: 1px solid $gray;
-  background: $white;
-}
-
-#tender_closer {
-  color: $blue-l2 !important;
-  margin-top: 15px;
-  margin-right: 5px;
-}
-
-// ====================
-
-// tender style overrides - not rendered through here, but an archive is needed
-#tender_frame iframe html {
-  font-size: 62.5%;
-}
-
-.widget-layout {
-  font-family: 'Open Sans', sans-serif;
-}
-
-.widget-layout .search, 
-.widget-layout .tabs, 
-.widget-layout .header h1 a {
-  display: none;
-}
-
-.widget-layout .header {
-  background: rgb(85, 151, 221);
-  padding: 20px;
-}
-
-.widget-layout h1, .widget-layout h2, .widget-layout h3, .widget-layout h4, .widget-layout h5, .widget-layout h6, .widget-layout label {
-  font-weight: 600;
-}
-
-.widget-layout .header h1 {
-  font-weight: 700;
-  font-size: 24px;
-  font-size: 2.4rem;
-}
-
-.widget-layout .content {
-  padding: 20px;
-}
-
-.widget-layout label {
-  font-size: 14px;
-  font-size: 1.4rem;
-  margin-bottom: 5px;
-  color: rgb(127,127,127) !important;
-}
-
-.widget-layout input[type="text"], .widget-layout textarea {
-  padding: 10px;
-  font-size: 16px;
-  font-size: 1.6rem;
-  color: rgb(0,0,0) !important;
-}
-
-.widget-layout textarea {
-  width: 97%;
-}
-
-.widget-layout .form-actions {
-  border-top: 1px solid #ccc;
-  margin-top: 10px;
-  padding-top: 10px;
-}
-
-.widget-layout dl.form {
-  margin-bottom: 15px;
-}
-
-.widget-layout #brain_buster_captcha {
-  display: block;
-  width: 100%;
-  border-bottom: 1px solid #ccc;
-  margin-bottom: 10px;
-  padding-bottom: 10px;
-}
\ No newline at end of file

cms/static/sass/base-style.scss

@@ -28,6 +28,7 @@
 @import 'elements/modal';
 @import 'elements/alerts';
 @import 'elements/jquery-ui-calendar';
+@import 'elements/tender-widget';
 
 // specific views
 @import 'views/account';

cms/templates/base.html

@@ -56,7 +56,6 @@
     <%block name="content"></%block>
     <%include file="widgets/footer.html" />
     <%include file="widgets/tender.html" />
-
     <%block name="jsextra"></%block>
   </body>
 </html>

cms/templates/widgets/footer.html

@@ -17,9 +17,6 @@
         <li class="nav-item nav-peripheral-help">
           <a href="http://help.edge.edx.org/" rel="external">edX Studio Help</a>
         </li>
-        <li class="nav-item nav-peripheral-tender show-tender">
-          <a class="show-tender" href="http://help.edge.edx.org/discussion/new" title="Use our feedback tool, Tender, to share your feedback">Provide Feedback</a>
-        </li>
         <li class="nav-item nav-peripheral-contact">
           <a href="https://www.edx.org/contact" rel="external">Contact edX</a>
         </li>

cms/templates/widgets/tender.html

 % if user.is_authenticated():
+<a class="show-tender" href="http://help.edge.edx.org/discussion/new" title="Use our feedback tool, Tender, to share your feedback">Provide Feedback</a>
 <script type="text/javascript">
   Tender = {
     hideToggle: true,
     title: '',
     body: '',
     hide_kb: 'true',
-    widgetToggles: $('.show-tender'),
-
+    widgetToggles: $('.show-tender')
   }
 </script>
 <script src="https://edxedge.tenderapp.com/tender_widget.js" type="text/javascript"></script>