Fix box-shadow issue in FF. Improve README

README.md

@@ -1 +1,10 @@
 # L-systems via lindsvg
+
+This web application is a simple SVG-based L-system plotter and manager designed to serve as a live demonstration for the [lindsvg](https://github.com/Amphiluke/lindsvg) module which is used by the app under the hood.
+
+There are a few L-system collections built in the app for demonstration purposes. These L-systems were gathered from various sources including the web, books, and articles. I appreciate the authors of these L-systems (you may find their names [in the app sources](src/stores/bank.mjs)).
+
+## Links
+
+* [Advanced examples](https://codepen.io/collection/DVzqWb)
+* [The lindsvg module sources](https://github.com/Amphiluke/lindsvg)

package.json

@@ -1,7 +1,7 @@
 {
   "name": "lindsvg-pwa",
   "private": true,
-  "version": "2.6.0",
+  "version": "2.6.1",
   "type": "module",
   "scripts": {
     "lint": "eslint",

src/components/TheSidebar.vue

@@ -92,10 +92,10 @@ let interfaceStore = useInterfaceStore();
 }
 
 .buttons {
-  box-shadow: 0 -1px 0 0 var(--color-on-surface-mid);
   display: flex;
   height: var(--size-sidebar-button);
   left: 0;
+  outline: 1px solid var(--color-on-surface-mid);
   position: fixed;
   top: 0;
   transform: rotate(90deg) translateY(-100%);