card.cjsx in carte-server-0.0.6

- old
+ new

@@ -28,11 +28,11 @@
 
   render: ->
     console.log 'Card: render'
     <div className='col-sm-4 col-xs-12 list-group' style={marginBottom:'0px',padding:"5px"} onMouseOver={@onMouseOver} onMouseLeave={@onMouseLeave}>
         <div className='list-group-item' style={height:'220px'}>
-          <div>
+          <div style={marginBottom:'10px'}>
             {
               if @props.card.get('focused')
                 <i className='glyphicon glyphicon-star' style={marginRight:'5px'} />
             }
             <strong>
@@ -49,10 +49,17 @@
               <a href={'#/' + @props.card.get('title')}>
                 <i className='glyphicon glyphicon-link' />
               </a>
             </span>
           </div>
-          <div style={overflow:'hidden',width:'100%',height:'80%',wordWrap:'break-word'}>
-            <p dangerouslySetInnerHTML={__html: markdownIt.render @props.card.get('content')} />
+          <div style={overflow:'hidden',width:'100%',height:'75%',wordWrap:'break-word'}>
+            <div dangerouslySetInnerHTML={__html: markdownIt.render @props.card.get('content')} />
+          </div>
+          <div style={{visibility: if @isSafariOrUiWebView || @state.showTools then 'visible' else 'hidden'}}>
+          {
+            if @props.card.get("tags")
+              @props.card.get("tags").map (tag)->
+                <span className="pull-right tools">&nbsp;&nbsp;<a href={"/#/?tags=" + tag}><i className="glyphicon glyphicon-tag" />&nbsp;{tag}</a></span>
+          }
           </div>
       </div>
     </div>