src/static/css/detail_view.css

   1 .card_container {
   2     display: grid;
   3     grid-template-columns: 1fr 1fr 1fr 1fr;
   4     grid-gap: 25px 25px;
   5     justify-items: stretch;
   6 }
   7
   8 .card_container ul > li {
   9     padding: 7px !important;
  10     font-size: 16px;
  11 }
  12
  13 .detail_button_container .btn {
  14     width: 49%;
  15 }
  16
  17 .detail_button_container .btn-danger {
  18     float: right;
  19 }
  20
  21 #modal_warning {
  22     transition: max-height 0.5s ease-out;
  23     overflow: hidden;
  24 }
  25
  26 .detail_card {
  27     border-radius: 5px;
  28     border-top: 1px solid #ccc;
  29     border-left: 1px solid #ccc;
  30     border-right: 1px solid #ccc;
  31     border-bottom: 1px solid #ccc;
  32     margin: 5px;
  33     padding-left: 25px;
  34     padding-right: 25px;
  35     padding-bottom: 15px;
  36     display: flex;
  37     flex-direction: column;
  38     justify-content: space-between;
  39 }