keep flashy map icon in feed

src/components/project.vue

@@ -560,8 +560,9 @@ export default {
 					+ window.pageYOffset
 					- parseFloat(getComputedStyle(this.$refs.feedSimpleBar.$el).paddingTop)
 				);
-				bFound = true;
+				aoRefs[0].executeMainAction();
 				this.spot.flushHash(['post', 'message']);
+				bFound = true;
 			}
 
 			return bFound;

src/components/projectMediaLink.vue

@@ -23,6 +23,11 @@ export default {
 			this.$refs[this.type=='marker'?'takenon':'postedon'].outerHTML +
 			this.$refs[this.type=='marker'?'postedon':'takenon'].outerHTML
 		;
+	},
+	methods: {
+		openMedia() {
+			this.$refs.link.click();
+		}
 	}
 }
 </script>
@@ -36,6 +41,7 @@ export default {
 		:data-id="options.id_media"
 		:data-title="title"
 		:data-orientation="options.rotate"
+		ref="link"
 	>
 		<img 
 			:src="options.thumb_path"

src/components/projectPost.vue

@@ -109,6 +109,16 @@
 							this.sending = false;
 						});
 				}
+			},
+			executeMainAction() {
+				switch(this.options.type) {
+					case 'message':
+						this.panMapToMessage();
+						break;
+					case 'media':
+						this.$refs.medialink.openMedia();
+						break;
+				}
 			}
 		},
 		mounted() {
@@ -156,7 +166,7 @@
 				</a>
 			</div>
 			<div v-else-if="options.type == 'media'" class="body-box">
-				<projectMediaLink :options="options" :type="'post'" />
+				<projectMediaLink :options="options" :type="'post'" ref="medialink" />
 			</div>
 			<div v-else-if="options.type == 'post'">
 				<p class="message">{{ options.content }}</p>

src/components/upload.vue

@@ -74,7 +74,7 @@ export default {
 <template>
 	<div id="upload">
 		<a name="back" class="button" href="#project"><SpotIcon :icon="'back'" :text="spot.lang('nav_back')" /></a>
-		<h1>{{ spot.lang('upload_title') }}</h1>
+		<h1>{{ spot.lang('upload_media_title') }}</h1>
 		<h2>{{ this.project.name }}</h2>
 		<div class="section" v-if="project.editable">
 			<input id="fileupload" type="file" name="files[]" :data-url="this.spot.getActionLink('upload')" multiple />
@@ -90,6 +90,7 @@ export default {
 				<SpotButton :classes="'save'" :icon="'save'" :text="spot.lang('save')" @click="addComment(file)" />
 			</div>
 		</div>
+		<h1>{{ spot.lang('upload_pos_title') }}</h1>
 		<div class="section location">
 			<SpotButton :icon="'message'" :text="spot.lang('new_position')" @click="addPosition()" />
 		</div>

src/styles/_color.scss

@@ -38,10 +38,13 @@ $download-hover:	#0078A8;
 
 //Legend colors
 $legend:			$default;
+$main-track:		#00ff78;
+$off-track:			#0000ff;
+$hitchhiking:		#ff7814;
 
 //Tracks
-$track-start:		$message;
-$track-end:			#FF7814;
+$track-start:		$main-track;
+$track-end:			$hitchhiking;
 
 //Loader
 $loader: 			$default-bg;

src/styles/_page.project.feed.scss

@@ -18,7 +18,6 @@
 
 				button[name=submit] {
 					margin-left: 1em;
-					margin-bottom: 0.5em;
 				}
 			}
 

src/styles/_page.project.panel.scss

@@ -146,8 +146,12 @@ $panel-actual-width: min($panel-width, #{$panel-width-max});
 				color: color.$default;
 			}
 
-			&:hover .fa {
-				color: color.$default-hover;
+			&:hover {
+				background-color: color.$default-inv-bg;
+
+				.fa {
+					color: color.$default-inv;
+				}
 			}
 		}
 	}

src/styles/_page.project.scss

@@ -38,8 +38,8 @@
 	.fa-stack {
 		.fa-message {
 			font-size: 32px;
-			text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
-			color: color.$message-bg;
+			text-shadow: color.$over-img-shadow 3px 3px 3px;
+			color: color.$main-track;
 		}
 		.fa-message-in {
 		    font-size: 13px;