Style up /repositories pages

part10/Page/Repository.elm

@@ -79,7 +79,7 @@ view model =
                 |> Maybe.withDefault (text "")
     in
         div []
-            [ h1 []
+            [ h2 []
                 [ a [ href repoUrl ] [ text model.repoName ] ]
             , details
             ]
@@ -88,8 +88,8 @@ view model =
 viewDetails : Repository -> Html Msg
 viewDetails repo =
     div []
-        [ p [] [ text repo.description ]
-        , h2 []
+        [ p [ class "repo-description" ] [ text repo.description ]
+        , h3 []
             [ a [ href repo.owner.profileUrl ]
                 [ img [ class "profile-photo", src repo.owner.avatarUrl ] []
                 , text repo.owner.username

part10/style.css

@@ -103,3 +103,21 @@ button:focus, input:focus {
 a {
   cursor: pointer;
 }
+
+.repo-description {
+  font-size: 18px;
+}
+
+.profile-photo {
+  width: 32px;
+  margin-right: 10px;
+}
+
+th {
+  text-align: left;
+}
+
+th, td {
+  font-size: 18px;
+  padding-right: 20px;
+}