Fixing Download buttons icon and size

MeSrinathReddy · Mar 2, 2020 · d1f49d3 · d1f49d3
1 parent 4fe8787
commit d1f49d3
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/codelab-elements/google-codelab-step/google_codelab_step.scss b/codelab-elements/google-codelab-step/google_codelab_step.scss
@@ -227,6 +227,24 @@ google-codelab-step .instructions iron-icon {
   margin-right: 7px;
   margin-left: 3px;
   font-size: 16px;
+  top: -1px;
+  position: relative;
+}
+
+iron-icon {
+  font: normal normal normal 24px/1 "Material Icons";
+  -webkit-font-feature-settings: "liga";
+  font-feature-settings: "liga";
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  text-transform: none;
+  word-wrap: normal;
+  font-size: inherit;
+}
+
+iron-icon[icon=file-download]::after {
+  content: "cloud_download";
 }
 
 google-codelab-step .instructions img {