Update styles for FES 2.7 compatibility

#259

assets/css/edd-fes.css

@@ -21,13 +21,85 @@
   margin-bottom: 0;
 }
 .fes-vendor-menu ul a {
-  display: block;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
   font-size: 1rem;
   color: #696969;
 }
 .fes-vendor-menu ul a:hover {
   color: #448FD5;
 }
+div.fes-form .fes-el .fes-fields .fes-action-button {
+  background: #f5f5f5;
+  border: 1px solid #a2a2a2;
+  border-radius: 4px;
+  color: #696969;
+  padding: 0;
+  width: 2rem;
+  height: 2rem;
+}
+div.fes-form .fes-el .fes-fields .fes-action-button:hover,
+div.fes-form .fes-el .fes-fields .fes-action-button:focus {
+  background: #696969;
+  color: #f5f5f5;
+}
+div.fes-form .fes-el .fes-fields .fes-url-choose-row,
+div.fes-form .fes-el .fes-fields .fes-delete-row {
+  width: unset !important;
+}
+div.fes-fields,
+div.fes-label {
+  clear: both;
+}
+.fes-single-variation .fes-url-group {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex: 1 0 auto;
+  flex-wrap: wrap;
+}
+.fes-url-group .fes-url-row {
+  flex: 1 0 auto;
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+label.fes-file-column,
+.fes-multiple-additional-fields {
+  flex-basis: 100%;
+}
+.fes-form .fes-variations-list-multiple .fes-single-variation {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-end;
+  gap: 8px;
+  margin-bottom: 0;
+  border-top: 1px solid #a2a2a2;
+  padding: 1em 0;
+}
+.fes-multiple-pricing-actions {
+  padding-top: 1em;
+  border-top: 1px solid #a2a2a2;
+}
+.fes-multiple-additional-fields .edd-form-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  align-items: flex-end;
+}
+.fes-multiple-additional-fields .edd-form-row__column .edd-form-group__control {
+  display: flex;
+  gap: 4px;
+  align-items: center;
+}
+.fes-multiple-additional-fields .edd-form-row__column .edd-form-group__control--is-inline {
+  display: inline-flex;
+  align-items: flex-end;
+}
+.fes-form .fes-el.multi_repeat .fes-fields td.fes-repeat-field:last-of-type {
+  min-width: 90px;
+}
 .fes-form-fieldset {
   margin-bottom: 0;
 }
@@ -181,16 +253,13 @@ fieldset.fes-submit {
   position: absolute;
   left: 0;
   top: 0;
-  -ms-flex-pack: center;
-      justify-content: center;
-  -ms-flex-align: center;
-      align-items: center;
+  justify-content: center;
+  align-items: center;
   width: 100%;
   cursor: pointer;
 }
 .fes-fields .fes-avatar-image-upload:hover a.close,
 .fes-fields .fes-feat-image-upload:hover a.close {
-  display: -ms-flexbox;
   display: flex;
 }
 .fes-fields .fes-feat-image-upload {
@@ -212,24 +281,20 @@ fieldset.fes-submit {
     margin-right: 1rem;
   }
   .fes-login-registration-combo {
-    display: -ms-flexbox;
     display: flex;
-    -ms-flex-pack: justify;
-        justify-content: space-between;
+    justify-content: space-between;
   }
   .fes-login-registration-combo form {
     padding: 2rem;
     border: 2px solid #f4f4f4;
     background: #fcfcfc;
   }
   .fes-login-registration-combo > div + div {
-    -ms-flex-order: 1;
-        order: 1;
+    order: 1;
     width: 48%;
   }
   .fes-login-registration-combo > div {
-    -ms-flex-order: 2;
-        order: 2;
+    order: 2;
     width: 48%;
   }
 }
@@ -245,22 +310,19 @@ fieldset.fes-submit {
     color: #448FD5;
   }
   .fes-vendor-dashboard-wrap {
-    display: -ms-flexbox;
     display: flex;
     overflow: hidden;
   }
   .fes-vendor-menu {
-    -ms-flex-preferred-size: 16.667%;
-        flex-basis: 16.667%;
+    flex-basis: 16.667%;
     max-width: 16.667%;
   }
   .fes-vendor-dashboard {
     border: 2px solid #f4f4f4;
     border-left: none;
     min-height: 50rem;
     padding: 2rem;
-    -ms-flex-preferred-size: 83.333%;
-        flex-basis: 83.333%;
+    flex-basis: 83.333%;
     max-width: 83.333%;
     overflow-x: auto;
   }

assets/css/edd-reviews.css

@@ -11,10 +11,8 @@
   display: block;
 }
 .edd-counter-container {
-  display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
+  align-items: center;
   padding: 0.25rem 0;
 }
 .edd_reviews_breakdown .edd-counter-back {