Develop 4.2.8 changes

assets/css/admin.css

@@ -14,8 +14,11 @@ table.entries th#id, table.ratingitems th#rating_item_id, table.ratingresults th
 table.ratingitems th#description {
 	width: 20em;
 }
-table.ratingitems td.description .view {
-	font-weight: bold;
+table.ratingitems td.description input {
+	width: 100%;
+}
+table.ratingitems td input.small-text {
+	padding: 3px 5px;
 }
 form#add-new-rating-item-form select#type,table.ratingitems td.type select {
 	width: 6em;
@@ -25,7 +28,7 @@ table.ratingresults th#entries_count, table.ratingresults th#action {
 }
 
 /* Reports */
-#reports-form p.description { 
+#reports-form p.description {
 	margin-top: 4px;
 }
 
@@ -79,7 +82,94 @@ li#toplevel_page_mr_rating_results .wp-submenu li a.wp-first-item {
 }
 
 
-.about-wrap .mr-badge { float: right; border-radius: 4px; margin: 0 0 15px 15px; max-width: 120px; }
+.about-wrap .mr-badge { float: right; border-radius: 4px; margin: 0 0 15px 15px; max-width: 120px; background-color: #37587b; padding-top: 10px; padding-bottom: 10px; }
 .about-wrap #mr-header { margin-bottom: 15px; }
 .about-wrap #mr-header h1 { margin-bottom: 15px !important; }
-.about-wrap #mr-header .about-text { margin: 0 0 15px; max-width: 670px; }
+.about-wrap #mr-header .about-text { margin: 0 0 15px; max-width: 670px; }
+
+
+/* Settings Page */
+#mr-settings-main {
+	max-width: 748px;
+    min-height: 872px;
+    position: relative;
+    padding-top: 10px;
+}
+#mr-settings-content {
+	width: 100%;
+    min-width: 463px;
+    float: left;
+    margin-bottom: 20px;
+}
+#mr-settings-sidebar {
+	width: 292px;
+    position: absolute;
+    right: -312px;
+}
+#mr-settings-sidebar a {
+	text-decoration: none;
+	color: #37587b;
+}
+#mr-upgrade-logo {
+	background-color: #37587b; /*#37587b; */
+    padding: 20px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+}
+#mr-upgrade-content ul {
+	margin-left: 30px;
+}
+#mr-upgrade-content ul li {
+	margin: 5px 0 10px 0;
+	font-size: 16px;
+}
+#mr-upgrade-content ul li span {
+    margin-left: -31px;
+    font-size: 22px;
+    margin-right: 6px;
+}
+#mr-upgrade-content {
+	background: #fff;
+	padding: 20px;
+	padding-top: 10px;
+	padding-bottom: 10px;
+}
+
+/* About Page */
+.mr-about .changelog, .mr-about .feature-section {
+	padding-bottom: 0px;
+}
+.mr-about .about-section {
+	text-align: center;
+	color: #555d66;
+	font-size: 30px;
+	line-height: 1.9em;
+	font-weight: 400;
+	margin-bottom: 0px;
+}
+.mr-about .nav-tab .dashicons {
+	line-height: 24px;
+	font-size: 90%;
+}
+.mr-about .tab-upgrade-to-pro {
+	color: #0073aa;
+}
+
+span.mr-star-rating .dashicons {
+	font-size: 1.3em;
+    width: 0.9em;
+    height: 1em;
+}
+
+
+#ui-datepicker-div {display: none;}
+
+/* Gutenberg */
+.mr-plugin-sidebar .components-base-control__help {
+    margin-top: 0px;
+    font-style: italic;
+}
+.mr-help {
+    margin-top: -8px;
+    font-style: italic;
+}

assets/css/frontend.css

@@ -1,11 +1,10 @@
 /* Rating Form */
 div.rating-form form {
-	margin: 0px;
+	padding: 0px;
+	padding-bottom: 1em;
 	width : auto;
 	max-width: 100%;
 	display: table;
-	margin-bottom: 30px;
-	margin-top: 15px;
 }
 div.rating-form input[type="button"] {
 	display: inline-block;
@@ -25,7 +24,7 @@ div.rating-form form table label {
 	vertical-align: text-top;
 }
 div.rating-form form table .value {
-	padding-bottom: 10px;
+	padding-bottom: 1em;
 	text-align: right;
 }
 div.rating-form form table .value select {
@@ -42,9 +41,6 @@ div.rating-form form table input[type=radio] {
 }
 div.rating-form form table input[type=button] {
 	width: auto;
-}
-div.rating-form form .save-rating {
-
 }
 div.rating-form form .delete-rating {
 	margin-right: 10px;
@@ -90,20 +86,20 @@ label.description {
 .mr-star-rating-select i,  .mr-star-rating-select span  {
 	cursor: pointer;
 }
-
+/*
 .mr-star-rating + .stat-result, .rating-result > .count, .rating-result a + *, .mr-star-rating + .star-result {
 	margin-left: 3px;
-}
+}*/
 
 /* Rating Results */
 .rating-result-summary {
 	display: inline-block;
 	margin-left: 5px;
 }
-
+/*
 .rating-result .mr-star-rating, .rating-result .star-result, .rating-result .count, .rating-result {
 	display: inline-block;
-}
+}*/
 
 .after_title {
 	margin-left: 5px;
@@ -125,13 +121,6 @@ p.mr label, .rating-results-list tr td label {
 	margin-bottom: 0px;
 }
 
-.rating-results-list tr td {
-	padding: 0 0 10px !important;
-}
-.rating-results-list table {
-	margin-top: 10px !important;
-}
-
 /* Rating Results List */
 .rating-results-list table {
 	width: auto !important;
@@ -143,9 +132,6 @@ p.mr label, .rating-results-list tr td label {
 .rating-results-list table tbody tr td, .rating-results-list-widget .rating-results-list table tbody tr td {
 	display: table-cell;
 }
-.rating-results-list table tbody tr + tr td {
-	margin-top: 2px;
-}
 .rating-results-list .rank, .rating-results-list .rating-result {
 	margin-right: 10px;
 	line-height: 1.4em;
@@ -167,10 +153,6 @@ p.mr label, .rating-results-list tr td label {
 /** 
  * Common
  */
-.rating-results-list, .rating-form {
-	margin-bottom: 1em;
-	margin-top: 1em;
-}
 .before_content {
 	margin-bottom: 1em;
 }
@@ -180,7 +162,7 @@ p.mr label, .rating-results-list tr td label {
 }
 form.mr-filter {
 	display: block;
-	margin-bottom: 10px;
+	margin-bottom: 1em;
 }
 form.mr-filter label {
 	font-weight: normal;
@@ -210,4 +192,20 @@ p.mr label.description {
 
 .rating-form .rating-item .mr-star-rating-select {
 	margin-right: 5px;
+}
+
+/* Blocks */
+.rating-form .wp-block-button {
+	margin-top: 1em;
+	display: inline-block;
+}
+.rating-results-list .wp-block-button { 
+	display: inline-block;
+}
+.wp-block-button .mr-error  {
+    margin-bottom: 1em;
+}
+.wp-block-button .mr-spinner {
+	color: inherit;
+	display: inline-block;
 }