Fix columns for related movies/actors and iphone icons

1dagranholm · Mar 16, 2020 · 875787e · 875787e
1 parent e3b37bc
commit 875787e
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 13 deletions.
diff --git a/src/app/view-actor/view-actor.component.html b/src/app/view-actor/view-actor.component.html
@@ -72,7 +72,7 @@ <h3>Facts</h3>
     <h2 *ngIf="movies[0]">Featured in</h2>
     <div class="row mt-4">
       <div class="wrapper" *ngFor="let m of movies; let i = index">
-        <div *ngIf="i < 12" class="col-2 text-center mb-5">
+        <div *ngIf="i < 12" class="col-6 col-xl-2 text-center mb-5">
           <a [routerLink]="['/view-movie', m.id]">
             <img
               src="{{

diff --git a/src/app/view-movie/view-movie.component.html b/src/app/view-movie/view-movie.component.html
@@ -82,7 +82,7 @@ <h2>Facts</h2>
     <h2 *ngIf="cast[0]">Featured actors</h2>
     <div class="row mt-4">
       <div class="wrapper" *ngFor="let c of cast; let i = index">
-        <div *ngIf="i < 12" class="col-2 text-center mb-5">
+        <div *ngIf="i < 12" class="col-6 col-xl-2 text-center mb-5">
           <a [routerLink]="['/view-actor', c.id]">
             <img
               src="{{

diff --git a/src/index.html b/src/index.html
@@ -1,13 +1,33 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>U07AngularMovieApp</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-</head>
-<body>
-  <app-root></app-root>
-</body>
+  <head>
+    <meta charset="utf-8" />
+    <title>The Movie App</title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-title" content="The Movie App">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <link rel="apple-touch-startup-image" href="startup.png">
+    <link rel="apple-touch-icon" href="touch-icon-iphone.png" />
+    <link
+      rel="apple-touch-icon"
+      sizes="152x152"
+      href="touch-icon-iphone.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="touch-icon-iphone.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="167x167"
+      href="touch-icon-iphone.png"
+    />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+  </head>
+  <body>
+    <app-root></app-root>
+  </body>
 </html>
diff --git a/src/startup.png b/src/startup.png
diff --git a/src/touch-icon-iphone.png b/src/touch-icon-iphone.png