make styles less gummy bear like

nav.scss

@@ -142,7 +142,7 @@ body > nav {
 
     > li {
         > a {
-            box-shadow: 0 0 10px 3px rgba(90, 71, 114, 0.1);
+            box-shadow: 0 0 3px 1px rgba(90, 71, 114, 0.3);
             margin-right: .5rem;
             display: inline-block;
             padding: 10px 10px;

portlet.scss

@@ -1,10 +1,9 @@
 .portlet {
-    box-shadow: 0 0 5px 1px rgba(72, 71, 114, 0.2);
-    border-radius: 4px;
+    box-shadow: 0 0 3px 1px rgba(72, 71, 114, 0.3);
     box-sizing: border-box;
     margin-top: 1rem;
     //overflow-x: auto; removed in order to prevent scroll bars for tooltips which are longer than the portlet (test in general settings view)
-    border-top: 3px solid var(--box-highlight);
+    //border-top: 2px solid var(--box-highlight);
 
     .portlet-head {
         background: #fff;

section.scss

@@ -17,8 +17,7 @@
 
 section.box {
     background: #fff;
-    box-shadow: 0 0 7px 3px rgba(90, 71, 114, 0.1);
-    border-radius: 4px;
+    box-shadow: 0 0 3px 1px rgba(90, 71, 114, 0.3);
 }
 
 section {

tab.scss

@@ -7,6 +7,7 @@
             font-size: 0.9em;
             user-select: none;
             cursor: pointer;
+            border: 1px solid var(--button-colored-background-hover);
 
             &:hover, &:focus {
                 color: var(--text-on-background-color-2);

table.scss

@@ -2,12 +2,6 @@
 
 table.fixed {
     table-layout: fixed;
-
-    td {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-    }
 }
 
 table:not([id]) > thead .sort-asc, table:not([id]) > thead .sort-desc {
@@ -23,6 +17,14 @@ table .sort-asc, table .sort-desc, table .filter {
     cursor: pointer;
 }
 
+@for $i from 1 through 10 {
+    .fixed-#{$i} td:nth-child(#{$i}) {
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+}
+
 table.default {
     border-radius: 4px;
     width: 100%;

tag.scss

@@ -1,5 +1,3 @@
-
-
 span {
 	&.tag {
 	    cursor: pointer;