From 16165ec85f05a92edcd52f57be869ea31f8b0460 Mon Sep 17 00:00:00 2001
From: Stefan Dej <meteyou@gmail.com>
Date: Wed, 9 Aug 2023 20:05:26 +0200
Subject: [PATCH] refactor: soft down info buttons in update manager (#1513)

---
 .../panels/Machine/UpdatePanel/Entry.vue      | 28 +++++++++++--------
 .../Machine/UpdatePanel/EntrySystem.vue       |  4 +--
 2 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/components/panels/Machine/UpdatePanel/Entry.vue b/src/components/panels/Machine/UpdatePanel/Entry.vue
index 1ea5d2859..bbe722065 100644
--- a/src/components/panels/Machine/UpdatePanel/Entry.vue
+++ b/src/components/panels/Machine/UpdatePanel/Entry.vue
@@ -5,14 +5,14 @@
                 <strong>{{ repo.name }}</strong>
                 <br />
                 <template v-if="type === 'git_repo' && commitsBehind.length">
-                    <a class="primary--text cursor--pointer" @click="boolShowCommitList = true">
-                        <v-icon small color="primary" class="mr-1">{{ mdiInformation }}</v-icon>
+                    <a class="info--text cursor--pointer" @click="boolShowCommitList = true">
+                        <v-icon small color="info" class="mr-1">{{ mdiUpdate }}</v-icon>
                         {{ versionOutput }}
                     </a>
                 </template>
                 <template v-else-if="type === 'web' && webUpdatable">
-                    <a class="primary--text text-decoration-none" :href="webLinkRelease" target="_blank">
-                        <v-icon small color="primary" class="mr-1">{{ mdiInformation }}</v-icon>
+                    <a class="info--text text-decoration-none" :href="webLinkRelease" target="_blank">
+                        <v-icon small color="info" class="mr-1">{{ mdiUpdate }}</v-icon>
                         {{ versionOutput }}
                     </a>
                 </template>
@@ -23,11 +23,11 @@
                     v-if="anomalies.length > 0"
                     small
                     label
-                    outlined
-                    color="primary"
+                    :outlined="!toggleAnomalies"
+                    color="grey"
                     class="minwidth-0 px-1 mr-2"
                     @click="toggleAnomalies = !toggleAnomalies">
-                    <v-icon small>{{ mdiInformation }}</v-icon>
+                    <v-icon small>{{ toggleAnomalies ? mdiInformationOutline : mdiInformation }}</v-icon>
                 </v-chip>
                 <template v-if="!isValid">
                     <v-menu :offset-y="true">
@@ -85,12 +85,12 @@
                 <v-alert
                     v-for="(message, index) in warnings"
                     :key="'warnings_' + index"
-                    text
                     dense
-                    border="left"
+                    text
                     color="orange"
+                    border="left"
                     :icon="mdiCloseCircle">
-                    {{ message }}
+                    <p class="text--disabled mb-0">{{ message }}</p>
                 </v-alert>
             </v-col>
         </v-row>
@@ -99,10 +99,10 @@
                 <v-alert
                     v-for="(message, index) in anomalies"
                     :key="'anomalies_' + index"
-                    text
                     dense
+                    text
+                    color="grey"
                     border="left"
-                    color="info"
                     :icon="mdiInformation">
                     {{ message }}
                 </v-alert>
@@ -131,9 +131,11 @@ import {
     mdiCheck,
     mdiHelpCircleOutline,
     mdiInformation,
+    mdiInformationOutline,
     mdiMenuDown,
     mdiProgressUpload,
     mdiReload,
+    mdiUpdate,
 } from '@mdi/js'
 import semver from 'semver'
 import GitCommitsList from '@/components/panels/Machine/UpdatePanel/GitCommitsList.vue'
@@ -146,6 +148,8 @@ export default class UpdatePanelEntry extends Mixins(BaseMixin) {
     mdiMenuDown = mdiMenuDown
     mdiReload = mdiReload
     mdiCloseCircle = mdiCloseCircle
+    mdiUpdate = mdiUpdate
+    mdiInformationOutline = mdiInformationOutline
 
     boolShowCommitList = false
     boolShowUpdateHint = false
diff --git a/src/components/panels/Machine/UpdatePanel/EntrySystem.vue b/src/components/panels/Machine/UpdatePanel/EntrySystem.vue
index 887f92119..3ddd32ce7 100644
--- a/src/components/panels/Machine/UpdatePanel/EntrySystem.vue
+++ b/src/components/panels/Machine/UpdatePanel/EntrySystem.vue
@@ -5,8 +5,8 @@
                 <strong>{{ $t('Machine.UpdatePanel.System') }}</strong>
                 <br />
                 <template v-if="package_count">
-                    <a class="primary--text cursor--pointer" @click="boolShowPackageList = true">
-                        <v-icon small color="primary" class="mr-1">{{ mdiInformation }}</v-icon>
+                    <a class="info--text cursor--pointer" @click="boolShowPackageList = true">
+                        <v-icon small color="info" class="mr-1">{{ mdiInformation }}</v-icon>
                         {{ $t('Machine.UpdatePanel.CountPackagesCanBeUpgraded', { count: package_count }) }}
                     </a>
                 </template>