plugin.admin.css 

@media (min-width: 768px) {
  .paragraphs-plugin-inline-container {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .paragraphs-plugin-inline-container > .form-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .paragraphs-plugin-inline-container > .form-item label {
    margin-top: 5px;
    min-width: 150px;
  }
  .paragraphs-plugin-inline-container > .form-item .paragraphs-plugin-form-element {
    margin-left: 10px;
    margin-bottom: 2px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
  .paragraphs-plugin-inline-container > .form-item .select2-container {
    margin-left: 10px;
    margin-bottom: 2px;
  }
  .paragraphs-plugin-inline-container.multiple-lines {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.paragraphs-plugin-inline-container .select2-container .select2-selection {
  min-width: 100px;
}

.paragraphs-behavior-language-behavior-form > .fieldset-wrapper::after {
  content: "";
  display: table;
  clear: both;
}

.paragraphs-behavior-language-behavior-form > .fieldset-wrapper > .form-item {
  float: left;
}

.paragraphs-behavior-language-behavior-form > .fieldset-wrapper > .form-item:not(:last-child) {
  margin-right: 10px;
}

File

paragraphs_collection/css/plugin.admin.css
View source
  1. @media (min-width: 768px) {

  2.   .paragraphs-plugin-inline-container {

  3.     display: -webkit-flex;

  4.     display: -ms-flexbox;

  5.     display: flex;

  6.   }

  7.   .paragraphs-plugin-inline-container > .form-item {

  8.     display: -webkit-flex;

  9.     display: -ms-flexbox;

  10.     display: flex;

  11.     -webkit-flex-wrap: wrap;

  12.         -ms-flex-wrap: wrap;

  13.             flex-wrap: wrap;

  14.   }

  15.   .paragraphs-plugin-inline-container > .form-item label {

  16.     margin-top: 5px;

  17.     min-width: 150px;

  18.   }

  19.   .paragraphs-plugin-inline-container > .form-item .paragraphs-plugin-form-element {

  20.     margin-left: 10px;

  21.     margin-bottom: 2px;

  22.     height: -webkit-fit-content;

  23.     height: -moz-fit-content;

  24.     height: fit-content;

  25.   }

  26.   .paragraphs-plugin-inline-container > .form-item .select2-container {

  27.     margin-left: 10px;

  28.     margin-bottom: 2px;

  29.   }

  30.   .paragraphs-plugin-inline-container.multiple-lines {

  31.     -webkit-flex-direction: column;

  32.         -ms-flex-direction: column;

  33.             flex-direction: column;

  34.   }

  35. }

  36. 

  37. .paragraphs-plugin-inline-container .select2-container .select2-selection {

  38.   min-width: 100px;

  39. }

  40. 

  41. .paragraphs-behavior-language-behavior-form > .fieldset-wrapper::after {

  42.   content: "";

  43.   display: table;

  44.   clear: both;

  45. }

  46. 

  47. .paragraphs-behavior-language-behavior-form > .fieldset-wrapper > .form-item {

  48.   float: left;

  49. }

  50. 

  51. .paragraphs-behavior-language-behavior-form > .fieldset-wrapper > .form-item:not(:last-child) {

  52.   margin-right: 10px;

  53. }