fix(pat structure): Refactor -> do not import bootstrap resources but…

… use css variables

src/pat/structure/structure.scss

@@ -1,7 +1,3 @@
-@import "~bootstrap/scss/mixins";
-@import "~bootstrap/scss/functions";
-@import "~bootstrap/scss/variables";
-@import "~bootstrap/scss/forms/form-control";
 
 .pat-structure {
  input.has-filter {
@@ -72,7 +68,7 @@
  border-bottom-width: 2px;
 
  th.sorting_disabled {
- padding-right: $table-cell-padding-x !important;
+ padding-right: var(--bs-table-cell-padding-x) !important;
 
  &:after,
  &:before {
@@ -230,14 +226,14 @@
  }
 
  .popover-content {
- padding: $popover-body-padding-y $popover-body-padding-x;
+ padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
 
  form {
- padding: $popover-body-padding-y $popover-body-padding-x;
+ padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
- margin: $popover-body-padding-y * -1 $popover-body-padding-x * -1 $popover-body-padding-y;
+ margin: calc(var(--bs-popover-body-padding-y) * -1) calc(var(--bs-popover-body-padding-x) * -1) var(--bs-popover-body-padding-y);
  }
  }
 
@@ -264,7 +260,7 @@
 
  .lead-img {
  flex-shrink: 0;
- margin-left: $spacer;
+ margin-left: 1rem;
  }
  }
 
@@ -278,9 +274,9 @@
  }
 
  &.default-page .title>div>*:first-child:before {
- color: $danger;
+ color: var(--bs-danger);
  content: "•";
- font-size: $font-size-lg;
+ font-size: calc(var(--bs-body-font-size) * 1.25);
  line-height: 1;
  }
  }
@@ -334,9 +330,13 @@
 
  #popover-rename {
  .form-control {
- @extend .form-control-sm;
+ // copied from .form-control-sm in avoid including
+ // bootstrap.scss only for this.
+ min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
+ padding: .25rem .5rem;
+ font-size: calc(var(--bs-body-font-size) * .875);
+ border-radius: var(--bs-border-radius-sm);
  }
-
  div.item {
  border-bottom: 1px solid var(--bs-primary);
  margin-bottom: 5px;