skyquake/plugins/composer/src/src/styles/LayoutRow.scss

   1 .layout-row {
   2
   3         min-width: 600px;
   4
   5         display: flex;
   6         flex-wrap: nowrap;
   7
   8         vertical-align: baseline;
   9         line-height: 30px;
  10
  11         margin: 0;
  12         border: 0;
  13         padding: 0;
  14
  15         > .primary-action-column {
  16                 flex: 0;
  17                 min-width: 30px;
  18                 max-width: 30px;
  19                 text-align: center;
  20                 > * {
  21                         vertical-align: middle;
  22                 }
  23         }
  24
  25         > .secondary-action-column {
  26                 flex: 0;
  27                 min-width: 30px;
  28                 max-width: 30px;
  29                 text-align: center;
  30                 margin: 0 9px;
  31                 > * {
  32                         vertical-align: middle;
  33                 }
  34         }
  35
  36         > .columns {
  37                 flex: auto;
  38                 > * {
  39                         vertical-align: middle;
  40                 }
  41         }
  42
  43         small.Button {
  44                 margin: 2px 8px;
  45                 padding: 0 8px;
  46         }
  47
  48 }