diff --git a/README.md b/README.md index b1fa26a0..925f5126 100644 --- a/README.md +++ b/README.md @@ -32,21 +32,21 @@ The Chromium extension and Electron app are built from the same source code for To build the extension or Electron app locally for development, do the following: 1. Clone this repo: - ```sh - git clone https://github.com/webrecorder/archiveweb.page.git - ``` + ```sh + git clone https://github.com/webrecorder/archiveweb.page.git + ``` 2. Change the working directory: - ```sh - cd archiveweb.page - ``` + ```sh + cd archiveweb.page + ``` 3. Install dependencies: - ```sh - yarn install - ``` + ```sh + yarn install + ``` 4. Make development build: - ```sh - yarn build-dev - ``` + ```sh + yarn build-dev + ``` The development build can now be used to develop the extension or Electron app. @@ -79,6 +79,7 @@ After making changes, the extension still needs to be reloaded in the browser. ### Developing the Electron app To start the Electron app using development build: + ```sh yarn run start-electron ``` diff --git a/src/ui/coll.ts b/src/ui/coll.ts index 09399a67..3de087a8 100644 --- a/src/ui/coll.ts +++ b/src/ui/coll.ts @@ -78,12 +78,16 @@ class WrRecColl extends Item { @media screen and (max-width: 768px) { div.has-addons { flex-wrap: wrap; - justify-content: flex-end; } div.has-addons form { display: contents; } + + .rec-controls { + width: 100%; + justify-content: space-between !important; + } } ${Item.compStyles} @@ -162,7 +166,7 @@ class WrRecColl extends Item { } return html` -