before recipes:update

assets/styles/app.scss

@@ -23,9 +23,18 @@ html, body{
 }
 
 
+
+
+
+// the ~ allows you to reference things in node_modules
+
+@import 'bootstrap/dist/css/bootstrap.css';
+@import 'bootsdark/dist/bootsdark.min.css';
+
 // customize some Bootstrap variables
 
 
+$bs-primary: #FF8040;
 $primary: #FF8040;
 $body-bg: #0E0E10;
 $body-color: darken(white, 20);
@@ -36,12 +45,14 @@ $dropdown-dark-border-color: $primary;
 $jet-black: #0e0e10;
 $mango: #FF8040;
 
+.btn-primary {
+  border-color: $primary;
+}
 
-// the ~ allows you to reference things in node_modules
-
-@import 'bootstrap/dist/css/bootstrap.css';
-@import 'bootstrap-vue/dist/bootstrap-vue.css';
-
+.btn-outline-primary {
+  color: $primary;
+  border-color: $primary;
+}
 
 .wrapper {
   clear: both;
@@ -83,9 +94,12 @@ body {
 
 .sidenav-left {
   padding-top: 20px;
+  padding-left: 0;
+  padding-right: 0;
   background-color: #f1f1f1;
   height: 100%;
-  margin-left: 3em;
+  width: auto;
+  margin-left: 3em !important;
 }
 
 .sidenav-left ul {
@@ -360,4 +374,4 @@ input:focus{
 
 .file-input {
   color: $primary;
-}
+}