Some sidebar CSS fixes.

googlecodelabs · Mar 22, 2019 · 0795716 · 0795716
1 parent adb1e9b
commit 0795716
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/codelab-elements/google-codelab/_drawer.scss b/codelab-elements/google-codelab/_drawer.scss
@@ -31,6 +31,7 @@ google-codelab #drawer .steps {
   flex-grow: 1;
   overflow-x: visible;
   display: flex;
+  max-height: calc(100% - 54px);
 }
 
 google-codelab #drawer ol {
@@ -126,7 +127,7 @@ google-codelab #drawer ol li[completed] .step:before {
 
 google-codelab #drawer .metadata {
   color: #777;
-  font-size: 0.7em;
+  font-size: 14px;
   padding: 16px;
   flex-shrink: 0;
 }

diff --git a/codelab-elements/google-codelab/google_codelab.soy b/codelab-elements/google-codelab/google_codelab.soy
@@ -85,8 +85,9 @@
   </div>
   {if $feedback}
   <div class="metadata">
-    Did you find a mistake?
-    <a target="_blank" href="{$feedback}">Please file a bug</a>.
+    <a target="_blank" href="{$feedback}">
+      <i class="material-icons">bug_report</i> Report a mistake
+    </a>
   </div>
   {/if}
 {/template}