Merge branch 'master' into publish_quickfix

CHANGELOG.md

@@ -21,8 +21,9 @@ Web UI version numbers should always match the corresponding version of LBRY App
   * Removed placeholder values from price selection form fields, which was causing confusion that these were real values (#426)
   * Fixed showing "other currency" help tip in publish form, which was caused due to not "setting" state for price
   * Now using setState in formFieldPrice
-  * Fixed a bug which enabled the user to publish without filling/checking required fields
-  *
+  * Public page now properly checks for all required fields are filled
+  * Fixed pagination styling for pages > 5 (#416)
+  * Fixed sizing on squat videos (#419)
 
 ### Deprecated
   *

ui/js/page/channel/view.jsx

@@ -83,6 +83,7 @@ class ChannelPage extends React.PureComponent {
             pageClassName="pagination__item"
             previousClassName="pagination__item pagination__item--previous"
             nextClassName="pagination__item pagination__item--next"
+            breakClassName="pagination__item pagination__item--break"
             marginPagesDisplayed={2}
             onPageChange={e => this.changePage(e.selected + 1)}
             initialPage={parseInt(page - 1)}

ui/scss/component/_pagination.scss

@@ -26,6 +26,10 @@
   font-size: 1.2em;
 }
 
+.pagination__item--break {
+    padding: 0 $spacing-vertical * 2 / 3;
+}
+
 .pagination__item--selected {
   color: white;
   background: $color-primary;

ui/scss/component/_video.scss

@@ -20,9 +20,10 @@ video {
   position: relative;
   video {
     height: 100%;
+    width: 100%;
     position: absolute;
-    left: 0;
     top: 0;
+    left: 0;
   }
   &.video--hidden {
     height: $height-video-embedded;