Applying theme to buttons

WIP #2

basetheme_bootstrap/static/css/basetheme_bootstrap4_pasteur.css

@@ -231,3 +231,35 @@ main a {
     color: #1D1D1B;
     font-family: "BrandonGrotesqueBld";
 }
+
+.btn{
+    border-radius: 0;
+}
+.btn-outline-primary:hover ,
+.btn-primary:hover {
+    background-color: #0275e3;
+    border-color: #0275e3;
+}
+.btn-outline-secondary:hover,
+.btn-secondary:hover {
+    background-color: #81796a;
+    border-color: #81796;
+}
+.btn-primary {
+    color: #fff;
+    background-color: #2d96fa;
+    border-color: #2d96fa;
+}
+.btn-secondary {
+    color: #fff;
+    background-color: #989287;
+    border-color: #989287;
+}
+.btn-outline-primary {
+    color: #2d96fa;
+    border-color: #2d96fa;
+}
+.btn-outline-secondary {
+    color: #989287;
+    border-color: #989287;
+}
\ No newline at end of file

test_app_1/templates/test_app_1/mybasePasteur.html

@@ -14,11 +14,11 @@
 {%block project_name %}TestApp{%endblock%}
 
 {% block content %}
-<div class="col-6">
+<div class="col-4">
     <a href="aaa">aaa</a>
     {% crispy form %}
 </div>
-<div class="col-6">
+<div class="col-4">
     <div class="card">
         <div class="card-header">
             The header
@@ -31,4 +31,24 @@
         </div>
     </div>
 </div>
+<div class="col-4">
+    <div class="btn-group  d-flex" role="group" aria-label="Get content">
+        <a href="/data-source/30/update/" role="button" class="btn btn-outline-primary"><i class="fa fa-upload"></i>
+            Update content</a>
+
+        <a href="/data-source/30/download/" role="button" class="float-right btn btn-outline-primary">
+            <i class="fa fa-download"></i> Download it
+        </a>
+    </div>
+    <br/>
+    <a href="qsdqsd" role="button" class="btn btn-primary">blabla</a>
+    <a href="qsdqsd" role="button" class="btn btn-secondary">blabla</a>
+    <a href="qsdqsd" role="button" class="btn btn-outline-primary">blabla</a>
+    <a href="qsdqsd" role="button" class="btn btn-outline-secondary">blabla</a>
+    <br/>
+    <button class="btn btn-primary full-width" type="submit">Login</button>
+    <button class="btn btn-secondary full-width" type="submit">Login</button>
+    <button class="btn btn-outline-primary full-width" type="submit">Login</button>
+    <button class="btn btn-outline-secondary full-width" type="submit">Login</button>
+</div>
 {% endblock %}