Fix button positioning
Browse files- src/popover.ts +1 -1
- src/style.css +7 -1
src/popover.ts
CHANGED
|
@@ -503,7 +503,7 @@ function createPopover(): PopoverDOM {
|
|
| 503 |
closeButton.innerText = "Close";
|
| 504 |
|
| 505 |
const footerButtons = document.createElement("span");
|
| 506 |
-
footerButtons.classList.add("driver-popover-
|
| 507 |
|
| 508 |
const previousButton = document.createElement("button");
|
| 509 |
previousButton.classList.add("driver-popover-prev-btn");
|
|
|
|
| 503 |
closeButton.innerText = "Close";
|
| 504 |
|
| 505 |
const footerButtons = document.createElement("span");
|
| 506 |
+
footerButtons.classList.add("driver-popover-navigation-btns");
|
| 507 |
|
| 508 |
const previousButton = document.createElement("button");
|
| 509 |
previousButton.classList.add("driver-popover-prev-btn");
|
src/style.css
CHANGED
|
@@ -97,7 +97,13 @@
|
|
| 97 |
border-radius: 3px;
|
| 98 |
}
|
| 99 |
|
| 100 |
-
.driver-popover-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 101 |
margin-left: 4px;
|
| 102 |
}
|
| 103 |
|
|
|
|
| 97 |
border-radius: 3px;
|
| 98 |
}
|
| 99 |
|
| 100 |
+
.driver-popover-navigation-btns {
|
| 101 |
+
display: flex;
|
| 102 |
+
flex-grow: 1;
|
| 103 |
+
justify-content: flex-end;
|
| 104 |
+
}
|
| 105 |
+
|
| 106 |
+
.driver-popover-navigation-btns button + button {
|
| 107 |
margin-left: 4px;
|
| 108 |
}
|
| 109 |
|