diff --git a/aio/src/app/app.component.html b/aio/src/app/app.component.html
index 689dff72ec..6753e99794 100644
--- a/aio/src/app/app.component.html
+++ b/aio/src/app/app.component.html
@@ -17,6 +17,8 @@
+
+
-
-
\ No newline at end of file
diff --git a/aio/src/styles/1-layouts/_search-results.scss b/aio/src/styles/1-layouts/_search-results.scss
index 63b79a0401..0833724fa8 100644
--- a/aio/src/styles/1-layouts/_search-results.scss
+++ b/aio/src/styles/1-layouts/_search-results.scss
@@ -1,12 +1,16 @@
aio-search-results {
z-index: 10;
+ padding: 20px;
}
.search-results {
+ display: flex;
+ flex-direction: row;
+ overflow: scroll;
padding: 80px 20px 20px;
color: $offwhite;
width: 100%;
- height: auto;
+ max-height: 40%;
position: fixed;
display: flex;
top: 0;
@@ -16,6 +20,9 @@ aio-search-results {
}
.search-area {
+ display: flex;
+ flex-direction: column;
+ margin: 0px 10px;
h2 {
font-size: 16px;
margin: 10px 0px 5px;
@@ -24,6 +31,7 @@ aio-search-results {
font-size: 14px;
color: $lightgray;
text-decoration: none;
+ font-weight: 300;
&:hover {
color: $blue;
font-weight: 500;
diff --git a/aio/src/styles/2-modules/_code.scss b/aio/src/styles/2-modules/_code.scss
index 895f976b9a..798522cde9 100644
--- a/aio/src/styles/2-modules/_code.scss
+++ b/aio/src/styles/2-modules/_code.scss
@@ -3,13 +3,21 @@
color: $darkgray;
}
-.code-shell code {
+code-example[language=bash] code {
+ width: 100%;
+}
+
+.prettyprint {
+ margin: 24px auto;
+ display: flex;
+}
+
+.prettyprint.lang-bash code {
@include codeblock($darkgray);
color: $codegreen;
}
.code-example pre, code-example pre {
- margin: 0px;
padding: 0px;
white-space: pre-wrap;
}
\ No newline at end of file