Portal label design

lib/views/page_list.html

@@ -11,17 +11,16 @@
   <header class="portal-header {% if page %}has-page{% endif %}">
     {% if page %}
       <a href="#" title="Bookmark" class="bookmark-link" id="bookmark-button" data-bookmarked="0"><i class="fa fa-star-o"></i></a>
+      {% if page.isPortal() %}
+        <p class="portal-label">
+        PORTAL
+        </p>
+      {% endif %}
     {% endif %}
 
     <h1 class="title" id="revision-path">
       {{ path }}
     </h1>
-
-    {% if page %}
-      <p class="portal-label">
-      PORTAL
-      </p>
-    {% endif %}
   </header>
 </div>
 

resource/css/_page.scss

@@ -139,7 +139,7 @@
         img {
           width: 48px;
           height: 48px;
-          box-shadow: 0 0 2px #333;
+          box-shadow: 0 0 1px #666;
         }
       }
       .creator {

resource/css/_portal.scss

@@ -1,17 +1,13 @@
 .portal-header {
-  &.has-page {
-    border-bottom: solid 3px #5bc0de; // TODO: is this color defined as variable?
-  }
-
   .portal-label {
     background: #5bc0de;
     float: right;
     font-weight: bold;
     padding: 2px 4px;
+    margin: 1em 8px 0;
     font-size: .8em;
     color: #fff;
-    border-bottom-left-radius: 4px;
-    border-bottom-right-radius: 4px;
+    border-radius: 4px;
   }
 }