Merge pull request #86 from reepay/small-visual-improvements

Small visual improvements

.gitignore

@@ -2,4 +2,7 @@
 .DS_Store
 
 #Ignore node_modules
-node_modules
+node_modules
+
+#Ignore PHP storm config
+.idea

Readme.txt

@@ -19,6 +19,7 @@ The Reepay plugin extends WooCommerce allowing you to take payments on your stor
 See installation guide right here: https://intercom.help/reepay/reepay-plugins/woocommerce-plugin
 
 == Changelog ==
+v 1.2.2 - Small visual improvements
 v 1.2.1 - Smaller bugfixes
 v 1.2.0 - Lot of chanegs including direct actions on an order in woorcommerce.
 v 1.1.27 - Added advanced instant-settle + payment-widget in back-office

assets/css/style.css

@@ -76,7 +76,7 @@
   margin-right: 25px;
   max-width: 100px; }
 
-.reepay-partly_capture_amount {
+.reepay-partly_capture_amount, .reepay-partly_refund_amount {
   background-color: #f9f9f9;
   box-sizing: border-box;
   float: left;
@@ -96,9 +96,20 @@
   display: flex;
   /* NEW, Spec - Firefox, Chrome, Opera */ }
 
-.reepay-capture_partly_amount-field {
+.reepay-capture_partly_amount-field, .reepay-refund_partly_amount-field {
   width: 90px;
   font-size: small;
   max-height: 20px;
   min-height: 1px !important;
   text-align: center; }
+
+#payment .wc_payment_methods li label {
+  display: flex !important; }
+  #payment .wc_payment_methods li label .reepay-logos {
+    display: flex;
+    flex-wrap: wrap;
+    margin-left: auto;
+    justify-content: flex-end;
+    max-width: 300px; }
+    #payment .wc_payment_methods li label .reepay-logos .reepay-logo img {
+      margin: .25rem; }

assets/css/style.scss

@@ -91,7 +91,7 @@
 	max-width: 100px;
 }
 
-.reepay-partly_capture_amount {
+.reepay-partly_capture_amount, .reepay-partly_refund_amount {
 	background-color: #f9f9f9;
 	box-sizing: border-box;
 	float: left;
@@ -109,10 +109,26 @@
 	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
 }
 
-.reepay-capture_partly_amount-field {
+.reepay-capture_partly_amount-field, .reepay-refund_partly_amount-field {
 	width: 90px;
 	font-size: small;
 	max-height: 20px;
 	min-height: 1px !important;
 	text-align: center; 
-}
+}
+
+#payment .wc_payment_methods li label {
+	display: flex !important;
+
+	.reepay-logos {
+		display: flex;
+		flex-wrap: wrap;
+		margin-left: auto;
+		justify-content: flex-end;
+		max-width: 300px;
+
+		.reepay-logo img {
+			margin: .25rem;
+		}
+	}
+}

reepay-woocommerce-payment.php

@@ -3,7 +3,7 @@
  * Plugin Name: WooCommerce Reepay Checkout Gateway
  * Description: Provides a Payment Gateway through Reepay for WooCommerce.
  * Author: AAIT
- * Version: 1.2.1
+ * Version: 1.2.2
  * Text Domain: woocommerce-gateway-reepay-checkout
  * Domain Path: /languages
  * WC requires at least: 3.0.0