Browse Source

updated floating button sizes

Yuin Chien 6 years ago
parent
commit
f596739933
2 changed files with 7 additions and 6 deletions
  1. 2 2
      docs/page.css
  2. 5 4
      files/main.css

+ 2 - 2
docs/page.css

@@ -180,7 +180,7 @@ strong {
 	bottom: 1rem;
 	bottom: 1rem;
 	right: 1rem;
 	right: 1rem;
 
 
-	padding: 0.5rem;
+	padding: 0.75rem;
 	border-radius: 2rem;
 	border-radius: 2rem;
 	margin-bottom: 0px;
 	margin-bottom: 0px;
 
 
@@ -196,7 +196,7 @@ strong {
 	}
 	}
 	#button img {
 	#button img {
 		display: block;
 		display: block;
-		width: var(--icon-size)
+		width: calc(1.125 * var(--icon-size));
 	}
 	}
 
 
 a.permalink {
 a.permalink {

+ 5 - 4
files/main.css

@@ -325,7 +325,7 @@ iframe {
 	position: fixed;
 	position: fixed;
 	bottom: 1rem;
 	bottom: 1rem;
 	right: 1rem;
 	right: 1rem;
-	padding: 0.5rem;
+	padding: 0.75rem;
 	border-radius: 2rem;
 	border-radius: 2rem;
 	margin-bottom: 0px;
 	margin-bottom: 0px;
 	background-color: #FFF;
 	background-color: #FFF;
@@ -341,13 +341,14 @@ iframe {
 
 
 	#button img {
 	#button img {
 		display: block;
 		display: block;
-		width: var(--icon-size)
+		width:  calc(1.125 * var(--icon-size));
 	}
 	}
 
 
 	#button.text {
 	#button.text {
-		padding-right: 1rem;
-		padding-left: 1rem;
+		padding-right: 1.2rem;
+    padding-left: 1.2rem;
 		color: var(--color-blue);
 		color: var(--color-blue);
+		opacity: 1;
 	}
 	}