Fix horizontal scrollbar on some iPad views

CHANGELOG.md

@@ -1,9 +1,10 @@
-### 1.3.2rc3: 2023-03-28
+### 1.3.2: 2023-03-28
 
 * Fix destructive button border color
 * Show green followed icon in the profile following/followers account wrapper
 * Add `--width-side-panel` for side panel widths
 * Fit content to iPad landscape view (thanks @jarilehtinen!)
+* Fix horizontal scrollbar on some iPad views
 
 ### 1.3.1: 2023-03-28
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mastodon-bird-ui",
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "",
   "main": "index.js",
   "scripts": {

style.css

@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   1.3.2rc3 */
+   1.3.2 */
 
 /* CSS variables */
 :root {
@@ -2424,7 +2424,7 @@ body.embed .button.logo-button:hover,
 }
 
 /* iPad etc. */
-@media (max-width: 1175px) {
+@media (max-width: 1174px) {
   .layout-single-column .detailed-status__action-bar .icon-button::after,
   .layout-single-column .status__action-bar .icon-button::after,
   .layout-single-column .detailed-status__action-bar-dropdown .icon-button::after {
@@ -2438,10 +2438,18 @@ body.embed .button.logo-button:hover,
     background-color: transparent;
     padding: 0;
   }
+
+  .layout-single-column .columns-area__panels__main {
+    width: calc(100% - var(--width-side-panel));
+  }
 }
 
 /* In-between breakpoint */
-@media (min-width: 889px) and (max-width: 1175px) {
+@media (min-width: 889px) and (max-width: 1174px) {
+  .layout-single-column .columns-area__panels__main > div {
+    border-right: 0;
+  }
+
   .layout-single-column .ui__header,
   .layout-single-column .columns-area__panels__main > div.tabs-bar__wrapper,
   .layout-single-column .tabs-bar__wrapper {
@@ -2450,6 +2458,10 @@ body.embed .button.logo-button:hover,
     border-color: var(--color-border);
   }
 
+  .layout-single-column .columns-area__panels {
+    width: calc(100% - 1px);
+  }
+
   .layout-single-column .columns-area__panels__main > .tabs-bar__wrapper {
     border-right: 0;
   }