Fix dropdown arrow on desktop

InternationalScratchWiki · Jan 4, 2021 · 325e554 · 325e554
1 parent c570dfc
commit 325e554
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/ScratchWikiSkinTemplate.php b/ScratchWikiSkinTemplate.php
@@ -75,7 +75,7 @@ public function execute() {
 				</form>
 			</li>
 			<li class="link right content-actions">
-				<a class="dropdown-toggle" href="?action=edit"></a>
+				<a class="dropdown-toggle" href="?action=edit"><div></div></a>
 				<ul class="dropdown">
 <?php foreach ($this->data['content_actions'] as $key => $tab) { ?>
 					<?=$this->makeListItem($key, $tab)?>

diff --git a/resources/css/main.css b/resources/css/main.css
@@ -682,15 +682,23 @@ dl dt {
 
 #navigation ul>li.content-actions>a.dropdown-toggle {
     height: 25px;
-    width: 25px;
+    width: auto;
+    min-width: 25px;
     padding: 12.5px;
     /* @embed */
     background-image: url('../Edit-pencil.png');
     background-size: 25px 25px;
-    background-position: center;
+    background-position: 12.5px center;
     background-repeat: no-repeat;
 }
 
+#navigation ul>li.content-actions>a.dropdown-toggle>div {
+    height: 25px;
+    width: 25px;
+    display: inline-block;
+    vertical-align: middle;
+}
+
 #lastmod {
     text-align: center;
     font-size: 11px;