Fixed visual glitches for rendering with Hulahop

4 files changed, 44 insertions, 15 deletions

diff --git a/sugar_network_webui/static/css/browser.css b/sugar_network_webui/static/css/browser.css
index 36c8b58..11d7c32 100644
--- a/sugar_network_webui/static/css/browser.css
+++ b/sugar_network_webui/static/css/browser.css
@@ -182,6 +182,7 @@ img.license-big {
     }
 
 .license-notice {
+    font-size: 9pt;
     position: absolute;
     bottom: 0px;
     }
@@ -411,6 +412,12 @@ div.resource-summary{
     -moz-user-select: text;
     font-style: italic;
     }
+div.resource-context-row {
+    clear: both;
+    width:100%;
+    max-height: 42px;
+    overflow: hidden;
+    }
 div.resource-content-row {
     clear: both;
     width:100%;
@@ -1101,7 +1108,7 @@ element stays still.
   /* required settings */
   position:relative;
   overflow:hidden;
-  width: 950px;
+  width: 900px;
   height: 500px;
   margin-left: 55px;
 }
@@ -1290,12 +1297,37 @@ a.disabled {
     div.resource-list-tabs {
         margin-top: -30px;
         }
+    ul.browser-page {
+        width: 800px;
+        }
+    div.resource-scrollable {
+        height: 620px;
+        width: 800px;
+        }
+    div.resource-scrollable .items {
+        width: 800px;
+        }
+    div.summary-column-context {
+        width: 600px;
+        height: 150px;
+        }
     div.summary-column {
-        height: 90px;
+        height: 150px;
+        width: 740px;
         }
     #resource-list-scrollable {
-        height: 600px;
-    }
+        height: 620px;
+        width: 1000px;
+        }
+    #resource-list-scrollable .items {
+        width: 1000px;
+        }
+    div.resource-content-row {
+        max-height: 120px;
+        }
+    div.resource-context-row {
+        max-height: 70px;
+        }
     ul.resource-list {
         height: 600px;
         }
@@ -1342,6 +1374,9 @@ a.disabled {
         margin-top: 0px;
         margin-bottom: 0px;
         }
+    div.resource-context-row {
+        max-height: 48px;
+        }
     div.resource-content-row {
         max-height: 48px;
         }
@@ -1437,6 +1472,9 @@ a.disabled {
         padding-left: 0px;
         margin-top: 0px;
         }
+    div.resource-context-row {
+        width: 350px;
+    }
     div.resource-content-row {
         width: 350px;
     }
diff --git a/sugar_network_webui/templates/_artifact-list.html b/sugar_network_webui/templates/_artifact-list.html
index 49a3a87..cdb2dbd 100644
--- a/sugar_network_webui/templates/_artifact-list.html
+++ b/sugar_network_webui/templates/_artifact-list.html
@@ -34,15 +34,6 @@
                 {%- endfor %}
                 </div>
             </div>
-            <!--
-            <div class="icon-column">
-                %- if item['favorite'] %
-                <img class="star" src="/static/icons/emblem-favorite.png"/>
-                %- else %
-                <img class="star" src="/static/icons/add-link.png"/>
-                %- endif %
-            </div>
-            -->
         </li>
 
         {%- endfor %}
diff --git a/sugar_network_webui/templates/_context-artifact-list.html b/sugar_network_webui/templates/_context-artifact-list.html
index c6ea51c..6395aa4 100644
--- a/sugar_network_webui/templates/_context-artifact-list.html
+++ b/sugar_network_webui/templates/_context-artifact-list.html
@@ -29,7 +29,7 @@
                             data-href="/artifacts/download/{{item['guid']}}">
                         {{item['title']|safe}}</a>
                         </div>
-                        <div class="resource-content-row">
+                        <div class="resource-context-row">
                         <a href="/artifacts/download/{{item['guid']}}"
                             data-href="/artifacts/download/{{item['guid']}}">
                         {{item['description']|safe}}
diff --git a/sugar_network_webui/templates/_context-resource-list.html b/sugar_network_webui/templates/_context-resource-list.html
index 72ba7bb..968a4e5 100644
--- a/sugar_network_webui/templates/_context-resource-list.html
+++ b/sugar_network_webui/templates/_context-resource-list.html
@@ -29,7 +29,7 @@
                             data-href="/{{item['type']|special_str}}/{{item['guid']}}">
                         {{item['title']|safe}}</a>
                         </div>
-                        <div class="resource-content-row">
+                        <div class="resource-context-row">
                         <a href="/{{item['type']|special_str}}/{{item['guid']}}"
                             data-href="/{{item['type']|special_str}}/{{item['guid']}}">
                         {{item['content']|safe}}