feat: Add styling .

IgniteUI · Feb 8, 2018 · 7245f37 · 7245f37
1 parent b7325d2
commit 7245f37
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 4 deletions.
diff --git a/templates/angular/igx-ts/projects/empty/files/src/app/app.component.css b/templates/angular/igx-ts/projects/empty/files/src/app/app.component.css
@@ -7,7 +7,8 @@
   flex-flow:row nowrap;top:0;
   right:0;bottom:0;
   left:0;
-  overflow:hidden}
+  overflow:hidden
+}
 
 .main,.nav{position:absolute}
 
@@ -38,3 +39,11 @@
 :host ::ng-deep .igx-navbar{
   background: #731963;
 }
+
+h3 {
+  padding-left: 16px;
+}
+
+#content {
+  flex: 1 1 100%;
+}
diff --git a/templates/angular/igx-ts/projects/empty/files/src/app/home/home.component.css b/templates/angular/igx-ts/projects/empty/files/src/app/home/home.component.css
@@ -1,7 +1,13 @@
+a {
+  color: #731963;
+}
+
 .links{
   display: inline-block;
+  text-align: center;
+  flex: 1 1 33%;
 }
 
-a {
-  color: #731963;
+ul#linksContainer {
+  display: flex;
 }
diff --git a/templates/angular/igx-ts/projects/empty/files/src/app/home/home.component.html b/templates/angular/igx-ts/projects/empty/files/src/app/home/home.component.html
@@ -6,7 +6,7 @@ <h1>
   <img src="assets/responsive.gif" alt="Ignite UI CLI">
 </div>
 
-<ul>
+<ul id="linksContainer">
   <li class="links">
     <h3><a target="_blank" rel="noopener" href="https://github.com/IgniteUI/ignite-ui-cli">Ignite UI CLI </a></h3>
   </li>