Merge pull request #142 from openearth/minor_cosmetic_changes_stories

Minor cosmetic changes stories
openearth · Dec 21, 2021 · 80e9c18 · 80e9c18
2 parents 3e875d3 + 83b45aa
commit 80e9c18
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 6 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -12,8 +12,9 @@
           class="stepper pa-0"
           flat
           non-linear
+          elevation="0"
         >
-          <v-stepper-header class="stepper-header">
+          <v-stepper-header class="stepper-header" flat>
             <v-stepper-step
               :color="storiesStepColor"
               complete
@@ -123,6 +124,7 @@ export default {
 .stepper {
   width: 400px;
   height: 57px;
+  box-shadow: 0px 0px 0px;
 }
 
 .stepper-header {

diff --git a/src/components/NewsLayout.vue b/src/components/NewsLayout.vue
@@ -21,7 +21,7 @@
           <v-list-item-action>
             <v-list-item-action-text v-text="feed.date"/>
             <v-btn icon :href="feed.URL" target="_blank"  rel="noopener">
-              <v-icon color="grey lighten-1">mdi-link</v-icon>
+              <v-icon color="grey lighten-1">mdi-exit-to-app</v-icon>
             </v-btn>
           </v-list-item-action>
         </v-list-item>

diff --git a/src/components/StoriesLayout.vue b/src/components/StoriesLayout.vue
@@ -7,7 +7,7 @@
       >
       <v-card-title>
         <custom-icon :name="theme" iconFolder="themes" class="ma-2"/>
-        <span>{{ theme }}</span>
+        <span><strong>{{ theme }}</strong></span>
       </v-card-title>
       <v-list
         color="rgba(0, 0, 0, 0)"
@@ -16,7 +16,7 @@
           v-for="story in stories"
           :key="story.ID"
         >
-          <v-list-item-avatar size="80">
+          <v-list-item-avatar size="130" >
             <v-img :src="story.icon"></v-img>
           </v-list-item-avatar>
 
@@ -26,7 +26,7 @@
 
           <v-list-item-action>
             <v-btn icon :href="story.URL" target="_blank" rel="noopener">
-              <v-icon color="grey lighten-1">mdi-link</v-icon>
+              <v-icon color="grey lighten-1">mdi-exit-to-app</v-icon>
             </v-btn>
           </v-list-item-action>
         </v-list-item>
@@ -57,7 +57,7 @@ export default {
 .stories-card {
   border-color: white !important;
   margin-bottom: 10px;
-  border-width: thick !important;
+  border-width: medium !important;
 }
 
 </style>