1 files changed, 131 insertions, 73 deletions

diff --git a/scss/main.scss b/scss/main.scss
index 0766f82..e0fecf1 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -5,6 +5,10 @@ $base-font-size: 1rem;
 $font-family-monospace: monospace;
 $headings-margin-bottom: 0;
 
+$input-border-radius: 0;
+
+$btn-border-radius: 0;
+
 // basic functionality
 @import "bootstrap/scss/_functions.scss";
 @import "bootstrap/scss/_variables.scss";
@@ -21,73 +25,79 @@ $navbar-nav-link-padding-x: $spacer;
 @import "bootstrap/scss/_nav.scss";
 @import "bootstrap/scss/_navbar.scss";
 @import "bootstrap/scss/_grid.scss";
+@import "bootstrap/scss/_forms.scss";
+@import "bootstrap/scss/_buttons.scss";
 @import "tree.scss";
 
-// TODO remove once is not needed
-$alert-border-radius: 0;
-@import "bootstrap/scss/_alert.scss";
-
 // overwrite to reduce the ammount of css generated by loading all utilities
 $utilities: (
-  "order": (
-    responsive: true,
-    property: order,
-    values: (
-      first: -1,
-      0: 0,
-      1: 1,
-      2: 2,
-      3: 3,
-      4: 4,
-      5: 5,
-      last: 6,
+    "order": (responsive: true,
+        property: order,
+        values: (first: -1,
+            0: 0,
+            1: 1,
+            2: 2,
+            3: 3,
+            4: 4,
+            5: 5,
+            last: 6,
+        ),
     ),
-  ),
-  "float": (
-    responsive: true,
-    property: float,
-    values: (
-      start: left,
-      end: right,
-      none: none,
-    )
-  ),
-  "text-align": (
-    responsive: true,
-    property: text-align,
-    class: text,
-    values: (
-      start: left,
-      end: right,
-      center: center,
-    )
-  ),
-  "margin": (
-    responsive: true,
-    property: margin,
-    class: m,
-    values: map-merge($spacers, (auto: auto))
-  ),
-  "margin-end": (
-    responsive: true,
-    property: margin-right,
-    class: me,
-    values: map-merge($spacers, (auto: auto))
-  ),
+    "float": (responsive: true,
+        property: float,
+        values: (start: left,
+            end: right,
+            none: none,
+        )),
+    "text-align": (responsive: true,
+        property: text-align,
+        class: text,
+        values: (start: left,
+            end: right,
+            center: center,
+        )),
+    "margin": (responsive: true,
+        property: margin,
+        class: m,
+        values: map-merge($spacers, (auto: auto))),
+    "margin-end": (responsive: true,
+        property: margin-right,
+        class: me,
+        values: map-merge($spacers, (auto: auto))),
+    "margin-start": (responsive: true,
+        property: margin-left,
+        class: ms,
+        values: map-merge($spacers, (auto: auto))),
 );
 
 @import "bootstrap/scss/utilities/_api.scss";
 
+// prevents wierd font resizing on overflow
 body {
-    // prevents wierd font resizing on overflow
     -webkit-text-size-adjust: 100%;
     font-family: $font-family-monospace;
     font-size: $base-font-size;
     margin: 0;
 }
 
+// prevert wierd input overflowing 100%
+input {
+    width: 100%;
+    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+}
+
+a[href]:not([href=""]):not(.nav-link) {
+    text-decoration: none;
+
+    &:hover {
+        text-decoration: underline;
+    }
+}
+
 .navbar-nav {
-  margin-top: 0px
+    margin-top: 0px
 }
 
 .event-list {
@@ -106,29 +116,50 @@ body {
     background: #f8f9fa;
 }
 
+.event-commit {
+    background: #dadada;
+    padding: 5px;
+
+    a {
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+    }
+}
+
+.event-commit a:nth-child(3) {
+    text-align: end;
+
+    @include media-breakpoint-down(xl) {
+        text-align: start;
+    }
+}
+
+
 .selected {
-  text-decoration: underline;
+    text-decoration: underline;
 }
 
-.event > h4 {
-  margin: 0;
+.event>h4 {
+    margin: 0;
 }
-.event > p {
-  margin: 0.5rem 0;
+
+.event>p {
+    margin: 0.5rem 0;
 }
 
 .code-view {
     display: grid;
     overflow-x: auto;
 
-    > pre {
-      margin: 0;
+    >pre {
+        margin: 0;
     }
 }
 
-.pathing{
-  margin-left: $spacer;
-  display: inline-block
+.pathing {
+    margin-left: $spacer;
+    display: inline-block
 }
 
 pre {
@@ -137,21 +168,48 @@ pre {
 }
 
 #name {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-  padding-left: $spacer;
-  max-width: calc(100% - calc(2 * #{$spacer}));
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    padding-left: $spacer;
+    max-width: calc(100% - calc(2 * #{$spacer}));
 }
 
 #about {
-  padding: 0 $spacer $spacer $spacer;
-  > p:first-child {
-    margin-top: 0
-  }
+    padding: 0 $spacer $spacer $spacer;
 
-  @include media-breakpoint-down(md) { 
-    padding: $spacer;
-    max-width: calc(100% - calc(2 * #{$spacer}));
-  }
+    >p:first-child {
+        margin-top: 0
+    }
+
+    @include media-breakpoint-down(md) {
+        padding: $spacer;
+        max-width: calc(100% - calc(2 * #{$spacer}));
+    }
+}
+
+.ref {
+    padding: 2px;
+    margin: 2px;
+    color: white;
+    text-decoration: none;
+
+    &.branch {
+        background: #25a525;
+    }
+
+    &.tag {
+        background: #5874e2;
+
+    }
+}
+
+.more {
+    margin: -15px 4px 10px 0;
+    padding: 5px 0 5px 0;
+    text-decoration: none;
+
+    &:hover {
+        text-decoration: underline;
+    }
 }