diff --git a/css/styles.css b/css/styles.css index 5c84a43..6bf1a55 100644 --- a/css/styles.css +++ b/css/styles.css @@ -57,7 +57,7 @@ body{ .actioncenter{ display: flex; - margin-right: 5px; + margin: 0px 5px; padding-top: 10px; padding-bottom: 10px;; } @@ -83,6 +83,22 @@ body{ border-radius: 3px; } +.moreapps{ + display: flex; + align-items: center; + height: 38px; +} + +.moreapps img{ + margin: 0px 5px; + width: 12px; +} + +.moreapps:hover{ + background-color: white; + border-radius: 3px; +} + #clock{ margin: 0px; } @@ -114,7 +130,7 @@ body{ } .taskbaricons{ - margin: 0px 9px; + margin: 0px 9.5px; } .taskbariconhighlight{ @@ -129,7 +145,7 @@ body{ } .taskbaricons:hover{ - margin: -7px 2px; + margin: -7px 2.5px; border: solid 7px white; backdrop-filter: blur(20px); background-color: rgba(255,255,255,.80); @@ -240,8 +256,8 @@ body{ .app { position: fixed; box-shadow: 1px 10px 50px #969696; - border-radius: 5px; - border: 1px solid #B4B4B4; + border-radius: 10px; + border: 1.5px solid #B4B4B4; overflow: hidden; width: 0%; height: 0%; diff --git a/img/moreapps.svg b/img/moreapps.svg new file mode 100644 index 0000000..b382216 --- /dev/null +++ b/img/moreapps.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/index.html b/index.html index 5938b27..21cb804 100644 --- a/index.html +++ b/index.html @@ -93,6 +93,10 @@
+
+ +
+
diff --git a/scripts/appcreater.js b/scripts/appcreater.js index cf24096..d0767e0 100644 --- a/scripts/appcreater.js +++ b/scripts/appcreater.js @@ -175,7 +175,7 @@ function goToPage(pageUrl) } function roundedcorners(){ - app.style.borderRadius = "5px" + app.style.borderRadius = "10px" } function active(){ diff --git a/scripts/taskbar.js b/scripts/taskbar.js index 3ba1286..74e0458 100644 --- a/scripts/taskbar.js +++ b/scripts/taskbar.js @@ -60,7 +60,7 @@ window.addEventListener('mouseup', function(e) { }); window.addEventListener('mouseup', function(e) { - if (!event.target.closest(".searchmenu") && !event.target.closest(".searchtbutton")){ + if (!event.target.closest(".searchmenu") && !event.target.closest(".searchbutton")){ searchmenu.style.bottom = "-655px"; } });