client/src/app/shared/misc/help.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .help-tooltip-button {
   5   cursor: pointer;
   6   border: none;
   7
   8   my-global-icon {
   9     width: 17px;
  10     position: relative;
  11     top: -2px;
  12     margin: 5px;
  13   }
  14 }
  15
  16 /deep/ {
  17   .help-popover {
  18     max-width: 300px;
  19
  20     .popover-body {
  21       text-align: left;
  22       padding: 10px;
  23       font-size: 13px;
  24       font-family: $main-fonts;
  25       background-color: #fff;
  26       color: #000;
  27       box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
  28
  29       p:last-child {
  30         margin-bottom: 0;
  31       }
  32
  33       ul {
  34         padding-left: 20px;
  35         margin-bottom: 0;
  36       }
  37     }
  38   }
  39 }