diff --git a/index.html b/index.html
index 032a3a1..cfba9cd 100644
--- a/index.html
+++ b/index.html
@@ -19,8 +19,8 @@
@@ -69,10 +69,12 @@
- ↬
direct link to audio
+
+
+ ↬ direct link to audio
@@ -151,6 +153,20 @@ function fside() {
var element = document.getElementById("side");
element.classList.toggle("sideminclicked");
}
+
+
+function fsidemobile(x) {
+ if (x.matches) { // If media query matches
+ var element = document.getElementById("side");
+ element.classList.toggle("sideminclicked");
+ } else {
+ element.classList.toggle("");
+ }
+}
+
+var x = window.matchMedia("(max-width: 768px)")
+fsidemobile(x) // Call listener function at run time
+x.addListener(fsidemobile) // Attach listener function on state changes
diff --git a/narrowstyle.css b/narrowstyle.css
index 865b776..5c9043f 100644
--- a/narrowstyle.css
+++ b/narrowstyle.css
@@ -350,6 +350,7 @@ button.minimize:hover {
display: flex;
flex-direction: row;
align-items: center;
+ flex-wrap: wrap;
}
.audio-stream > input {
@@ -466,6 +467,10 @@ content: 'PAUSE';
margin: 6rem 0% 0% 6rem;
}
+ .audio-link{
+ margin: 2rem 0% 0% 0%;
+ }
+
.lil-face{
position: relative;
margin: 0% 0% 2rem 1rem;