fix: made tabs fill the width on small screens

src/App.vue

@@ -14,7 +14,6 @@
 </template>
 
 <script>
-// TODO under MD, make tabs flex-grow:1
 // TODO invoice generator in  modal/separate page. list of unpaid clients with editable price and remove from invoice btn, calculates subtotals and total, formats as PRE, or maybe provides more format options
 // TODO upgrade to Vue CLI 4, Vue 3
 // TODO app logo, brand, favicon

src/components/LogWidget.vue

@@ -2,7 +2,7 @@
 	<Widget :card-body-class="'p-0'">
 		<ul class="bg-light mb-1 nav nav-tabs pl-3 pt-3">
 			<li
-				class="nav-item"
+				class="nav-item text-center"
 				:key="i"
 				:title="t.tooltip"
 				v-b-tooltip.hover.top
@@ -82,7 +82,17 @@ export default {
 };
 </script>
 
-<style scoped>
+<style lang="scss" scoped>
+@import "~bootstrap/scss/functions";
+@import "~bootstrap/scss/variables";
+@import "~bootstrap/scss/mixins";
+
+@include media-breakpoint-down(sm) {
+	.nav-item {
+		flex-grow: 1;
+	}
+}
+
 .nav-link.active {
 	color: black;
 }