Short links

styles/Blog/DiaryPageSelector.module.scss

@@ -58,7 +58,6 @@
     padding: 10px;
 
     select {
-        font-size: 110%;
         padding: 5px;
         border-radius: 1em;
         border: 1px solid var(--blog_content-border);
@@ -79,10 +78,27 @@
         color: inherit;
         text-decoration: none;
         font-weight: bold;
+        text-overflow: clip;
     }
     a:hover {
         text-decoration: underline;
     }
+
+    .longLink {
+        display: inline;
+    }
+    .shortLink {
+        display: none;
+    }
+
+    @media screen and (max-width: 599px) {
+        .longLink {
+            display: none;
+        }
+        .shortLink {
+            display: inline;
+        }
+    }
 }
 
 /* TODO: Move to asciidoc footer in Content.module.scss */