media/welcome.css: add style to the welcome webview

Add css style to the welcome webview to have headers appear on a single line. Change-Id: I8fb38ffed56abe43106edb47ec02715987de1adc Reviewed-on: https://go-review.googlesource.com/c/vscode-go/+/282674 Trust: Suzy Mueller <[email protected]> Run-TryBot: Suzy Mueller <[email protected]> TryBot-Result: kokoro <[email protected]> Reviewed-by: Hyang-Ah Hana Kim <[email protected]>
soffieswan043 · Jan 11, 2021 · d9b30a2 · d9b30a2
1 parent 4c91c38
commit d9b30a2
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 6 deletions.
diff --git a/media/welcome.css b/media/welcome.css
@@ -2,3 +2,26 @@
  * Copyright 2020 The Go Authors. All rights reserved.
  * Licensed under the MIT License. See LICENSE in the project root for license information.
  *--------------------------------------------------------*/
+
+.header {
+  align-items: center;
+  display: flex;
+}
+
+.logo {
+  width: 4rem;
+}
+
+.title {
+  padding-left: 1rem;
+}
+
+.subtitle {
+  align-items: baseline;
+  display: flex;
+}
+
+.release-notes {
+  padding-left: 1rem;
+}
+
diff --git a/src/welcome.ts b/src/welcome.ts
@@ -133,14 +133,16 @@ export class WelcomePanel {
 			</head>
 			<body>
 			<div class="header">
-				<img src="${gopherURI}" alt="logo"/>
-				<h1>Go - Welcome</h1>
+				<img src="${gopherURI}" alt="logo" class="logo"/>
+				<h1 class="title">Go - Welcome</h1>
 			</div>
 
-			<p>Rich Go language support for Visual Studio Code</p>
-			<!-- linking to a document does not actually work, but is used here to give it the appearance
-			of a link -->
-			<p><a class="release-notes">Release Notes</a></p>
+			<div class="subtitle">
+				<p>Rich Go language support for Visual Studio Code</p>
+				<!-- linking to a document does not actually work, but is used here to give it the appearance
+				of a link -->
+				<a class="release-notes" href="#">Release Notes</a>
+			</div>
 
 			<div>
 				<h2>Latest Updates</h2>