From 96021f764134ee37f06aa704dd2cf327f4e563aa Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Sun, 22 Aug 2021 17:54:59 +0100
Subject: [PATCH] :lipstick: Small style updates to themes and item

---
 src/components/LinkItems/Item.vue |  8 +++++++-
 src/styles/color-themes.scss      |  2 ++
 src/utils/defaults.js             | 16 +++++++---------
 3 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/components/LinkItems/Item.vue b/src/components/LinkItems/Item.vue
index f4a433c6..1a33a818 100644
--- a/src/components/LinkItems/Item.vue
+++ b/src/components/LinkItems/Item.vue
@@ -12,7 +12,7 @@
       :style="`--open-icon: ${getUnicodeOpeningIcon()}; ${customStyles}`"
     >
       <!-- Item Text -->
-      <div :class="`tile-title  ${!icon? 'bounce': ''}`" :id="`tile-${id}`" >
+      <div :class="`tile-title  ${!icon? 'bounce no-icon': ''}`" :id="`tile-${id}`" >
         <span class="text">{{ title }}</span>
         <p class="description">{{ description }}</p>
       </div>
@@ -319,6 +319,12 @@ export default {
     .tile-title {
       min-width: 100px;
       max-width: 160px;
+      &.no-icon {
+        text-align: left;
+        width: 100%;
+        max-width: inherit;
+        margin-left: 0.5rem;
+      }
     }
   }
   /* Large Tile Specific Themes */
diff --git a/src/styles/color-themes.scss b/src/styles/color-themes.scss
index 48e63002..9171b192 100644
--- a/src/styles/color-themes.scss
+++ b/src/styles/color-themes.scss
@@ -926,6 +926,8 @@ html[data-theme="dashy-docs"] {
     border: none;
     color: var(--background);
     font-weight: bold;
+    min-width: 5rem;
+    text-align: center;
   }
   
   .minimal-section-heading {
diff --git a/src/utils/defaults.js b/src/utils/defaults.js
index 4d3d400e..10d18ad1 100644
--- a/src/utils/defaults.js
+++ b/src/utils/defaults.js
@@ -38,29 +38,27 @@ module.exports = {
   builtInThemes: [
     'callisto',
     'thebe',
-    'dracula',
+    'oblivion',
     'material',
     'material-dark',
+    'dracula',
     'colorful',
-    'nord',
-    'nord-frost',
+    'dashy-docs',
     'minimal-dark',
     'minimal-light',
-    'oblivion',
+    'nord',
+    'nord-frost',
+    'cyberpunk',
     'matrix',
     'matrix-red',
-    'hacker-girl',
     'raspberry-jam',
     'bee',
     'tiger',
-    'blue-purple',
+    'vaporware',
     'material-original',
     'material-dark-original',
-    'cyberpunk',
-    'vaporware',
     'high-contrast-dark',
     'high-contrast-light',
-    'dashy-docs',
   ],
   /* Which structural components should be visible by default */
   visibleComponents: {