From 0056a3cdb03509107534c98f1d31881d9bd8ef2d Mon Sep 17 00:00:00 2001
From: Felix Schulze <thefeli73@hotmail.com>
Date: Mon, 11 Nov 2019 18:52:03 +0100
Subject: [PATCH] redesign of save grade card and buttons. Closes #1

---
 src/js/sparabetyg.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/js/sparabetyg.js b/src/js/sparabetyg.js
index c75bf24..562048d 100644
--- a/src/js/sparabetyg.js
+++ b/src/js/sparabetyg.js
@@ -12,7 +12,7 @@ function sparaBetyg() {
 	urlLink = "https://" + window.location.hostname + window.location.pathname + urlLink;
 	$('.link_span').remove();
 
-	$('.score_span').append('<span class="link_span"><div class="demo-card-square mdl-card mdl-shadow--16dp" style="text-align:left;width:260px; height:auto;margin:50px auto 0;"><div class="mdl-card__title"><h2 class="mdl-card__title-text" style="font-size:28px;">Spara</h2></div><div class="mdl-card__supporting-text">Spara Länken som bokmärke för att kunna återvända till dina betyg</div><div class="mdl-card__actions mdl-card--border" style="padding: 4px 16px 8px;"><div style="padding:0; width:125px;" class="mdl-textfield mdl-js-textfield"><input readonly style="margin: 0 0 8px 0; border-bottom: 1px solid #26a69a; box-shadow: 0 1px 0 0 #26a69a;" class="mdl-textfield__input betygLink" id="betygLink" type="text" value="'+ urlLink +'" onClick="betygSelect()"><label class="mdl-textfield__label" for="betygLink"></label></div><i class="material-icons mdl-button--primary" onClick="copyLink()" style="margin:12px 16px; cursor: pointer; position: absolute; right:0;">content_copy</i></div></div></span>');
+	$('.score_span').append('<span class="link_span"><div class="demo-card-square mdl-card mdl-shadow--16dp" style="text-align:left;width:260px; height:auto;margin:50px auto 0;"><div class="mdl-card__title"><h2 class="mdl-card__title-text" style="font-size:28px;">Spara</h2></div><div style="min-height:81px;" class="mdl-card__supporting-text">Spara Länken som bokmärke för att kunna återvända till dina betyg</div><div class="mdl-card__actions mdl-card--border"><a class="mdl-button mdl-js-button mdl-js-ripple-effect mdl-button--primary" onClick="copyLink()" style="padding: 0 12px;min-width: unset;"><i class="material-icons mdl-button--primary">content_copy</i></a><div style="padding:0 12px; width:auto;" class="mdl-textfield mdl-js-textfield"><input readonly style="margin:0; height:24px; border-bottom: 1px solid #26a69a; box-shadow: 0 1px 0 0 #26a69a;" class="mdl-textfield__input betygLink" id="betygLink" type="text" value="'+ urlLink +'" onClick="betygSelect()"><label class="mdl-textfield__label" for="betygLink"></label></div></div></div></span>');
 	betygSelect();
 }
 function betygSelect() {