frontend/charger_list: add spacing for mobile sorting buttons when in…

… app.
Tinkerforge · Dec 9, 2024 · 32f231f · 32f231f
1 parent f2555ba
commit 32f231f
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/frontend/src/components/charger_list.tsx b/frontend/src/components/charger_list.tsx
@@ -9,8 +9,9 @@ import { Component } from "preact";
 import { fetchClient, refresh_access_token } from "../utils";
 import { Button, ButtonGroup, Card, Col, Container, Dropdown, DropdownButton, Form, Modal, Row, Table } from "react-bootstrap";
 import i18n from "../i18n";
-import { ChevronDown, ChevronUp, Edit, Minus, Monitor, Trash2 } from "react-feather";
+import { ChevronDown, ChevronUp, Edit, Monitor, Trash2 } from "react-feather";
 import { Circle } from "./Circle";
+import Median from "median-js-bridge";
 
 interface Charger {
     id: string,
@@ -441,7 +442,7 @@ export class ChargerListComponent extends Component<{}, ChargerListComponentStat
                 </Table>
             </Col>
             <Container fluid className="d-md-none">
-                <Col>
+                <Col className={Median.isNativeApp() ? "mt-2" : undefined}>
                     <ButtonGroup>
                         <DropdownButton className="dropdown-btn" title={this.getMobileSortName()}>
                             <Dropdown.Item onClick={() => this.setMobileSort("name")}>{t("charger_name")}</Dropdown.Item>