button css

Robert Sfarzo · Robert Sfarzo · commit 140bc2c2233a · 2023-02-05T12:38:08.000Z
diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
@@ -11,4 +11,4 @@
  * It is generally better to create a new file per style scope.
  *
  *= require_self
- */
+ */
diff --git a/app/controllers/application_controller.rb b/app/controllers/application_controller.rb
@@ -1,2 +1,3 @@
 class ApplicationController < ActionController::Base
+ # layout "application"
 end
diff --git a/public/index.html b/public/index.html
@@ -3,25 +3,26 @@
 <head>
   <title>Rock-Paper-Scissors Rules</title>
 
+  <link rel="stylesheet" href="/styles.css">
   <!-- Expand the number of characters we can use in the document beyond basic ASCII 🎉 -->
   <meta charset="utf-8">
 </head>
 
 <body>
   <div>
-    <a href="/rock">
+    <a class="button" href="/rock">
       Play Rock
     </a>
   </div>
 
   <div>
-    <a href="/paper">
+    <a class="button" href="/paper">
       Play Paper
     </a>
   </div>
 
   <div>
-    <a href="/scissors">
+    <a class="button" href="/scissors">
       Play Scissors
     </a>
   </div>
diff --git a/public/styles.css b/public/styles.css
@@ -0,0 +1,16 @@
+* {
+  font-family: Arial, Helvetica, sans-serif;
+}
+.button {
+  background-color: #4CAF50;
+  border: none;
+  color: white;
+  padding: 15px 32px;
+  text-align: center;
+  text-decoration: none;
+  display: inline-block;
+  font-size: 16px;
+  margin: 4px 2px;
+  cursor: pointer;
+  border-radius: 12px;
+}

Original file line number	Diff line number	Diff line change
`@@ -11,4 +11,4 @@`
`11`	`11`	`* It is generally better to create a new file per style scope.`
`12`	`12`	`*`
`13`	`13`	`*= require_self`
`14`		`- */`
	`14`	`+ */`
Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,3 @@`
`1`	`1`	`class ApplicationController < ActionController::Base`
	`2`	`+ # layout "application"`
`2`	`3`	`end`