Update style/classical_style_template.css

style/classical_style_template.css

@@ -102,20 +102,20 @@
 /* Close button: far right */
 .close-btn {
   position: absolute;
-  top: 4px;
-  right: 4px;
+  top: 0px;
+  right: 0px;
 }
 /* Fullscreen button: immediately to the left */
 .fullscreen-toggle {
   position: absolute;
-  top: 4px;
-  right: 44px; /* 4px + 40px */
+  top: 0px;
+  right: 40px; /* 4px + 40px */
 }
 /* Reset camera button: immediately to the left of fullscreen */
 .reset-camera-btn {
   position: absolute;
-  top: 4px;
-  right: 84px; /* 4px + 40px + 40px */
+  top: 0px;
+  right: 80px; /* 4px + 40px + 40px */
 }
 
 /* Help button: positioned in the middle on the right side of the canvas */
@@ -123,23 +123,12 @@
   position: absolute;
   top: 50%;
   right: 4px;
+  border-radius: 2;
+  width: 50px;
+  height: 40px;
   transform: translateY(-50%);
 }
 
-/* Button Icons via pseudo-elements; each icon appears only once */
-.close-btn::before {
-  content: "✕";
-}
-.fullscreen-toggle::before {
-  content: "🗖";
-}
-.reset-camera-btn::before {
-  content: "⟲";
-}
-.help-toggle::before {
-  content: "?";
-}
-
 /* Hover effects */
 .close-btn:hover {
   background-color: #d32f2f;