fix font error on rwd

app/assets/stylesheets/space-frontend.scss

@@ -15,23 +15,25 @@
 }
 .anchor{
   position: absolute;
-  left: 20%;
+  left: 0.2em;
   width: 0;
   height: 0;
   border-style: solid;
-  border-width: 1em 1em 0 1em;
+  border-width: 0.8em 0.8em 0 0.8em;
   border-color: #2196f3 transparent transparent transparent;
 }
 .s-space.show-space .selection-box-label.active{
+  z-index: 5;
   display: block;
   position: absolute;
   bottom: 110%;
-  bottom: calc(100% + 0.8em);
+  overflow-wrap: break-word;
   left: 0%;
   background: #2196F3;
   color: white;
-  width: 100%;
+  width: 650%;
   padding: 0.2em;
+  font-size: 0.6em;
 }
 #full-layout-canvas {
   text-align: center;

app/assets/stylesheets/spaces.scss

@@ -368,11 +368,11 @@
   }
   .anchor{
     position: absolute;
-    left: 20%;
+    left: 0.2em;
     width: 0;
     height: 0;
     border-style: solid;
-    border-width: 1em 1em 0 1em;
+    border-width: 0.8em 0.8em 0 0.8em;
     border-color: #2196f3 transparent transparent transparent;
   }
 }
@@ -380,15 +380,17 @@
   display: none;
 }
 .s-space.show-space .selection-box-label.active{
+  z-index: 5;
   display: block;
   position: absolute;
   bottom: 110%;
-  bottom: calc(100% + 0.8em);
+  overflow-wrap: break-word;
   left: 0%;
   background: #2196F3;
   color: white;
-  width: 100%;
+  width: 650%;
   padding: 0.2em;
+  font-size: 0.6em;
 }
 
 // Page specific styles

app/controllers/spaces_controller.rb

@@ -147,7 +147,7 @@ class SpacesController < ApplicationController
   def style_label(color1,color2)
     if color1
       "<style>
-        .s-space.show-space .selection-box-label.absolute-center.active{
+        .s-space.show-space .selection-box-label.active{
           background: #{color1} !important;
           color: #{color2} !important;
         }

modules/space/show.html.erb

@@ -70,6 +70,7 @@
         var text = $(this).find('.selection-box-label')
         text.append('<div class="anchor"></div>')
         temp.prepend('<i class="fa fa-map-marker"></i>')
+        temp.find('.fa-map-marker').append(text)
         temp.find('.fa-map-marker').css('color',map_color)
         $(this).on('mouseover',function(){
           $(this).css('background-color',block_color)

modules/space/unit.html.erb

@@ -69,6 +69,7 @@
         var text = $(this).find('.selection-box-label')
         text.append('<div class="anchor"></div>')
         temp.prepend('<i class="fa fa-map-marker"></i>')
+        temp.find('.fa-map-marker').append(text)
         temp.find('.fa-map-marker').css('color',map_color)
         $(this).find('.selection-box.overlay')
         $(this).on('mouseover',function(){