Update main.scss

Author: kjysmu

css/main.scss

@@ -125,28 +125,108 @@ firstp {
 }
 
 
-.bibliography {
-  display: grid;
-  gap: 1.5em;
-  margin: 2em 0;
+.publication-item {
+  margin-bottom: 2em;
+  padding: 1.5em;
+  border: 1px solid #e1e5e9;
+  border-radius: 8px;
+  background: #ffffff;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
 }
 
-.bibliography li {
-  background: white;
-  border-radius: 12px;
-  padding: 1.5em;
-  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
-  border: 1px solid #f0f0f0;
-  list-style: none;
-  transition: transform 0.2s ease, box-shadow 0.2s ease;
+.pub-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  gap: 1em;
+}
+
+.pub-main {
+  flex: 1;
+}
+
+.pub-title {
+  font-size: 1.2em;
+  font-weight: 600;
+  color: #2c3e50;
+  margin-bottom: 0.5em;
+  line-height: 1.3;
+}
+
+.pub-authors {
+  color: #555;
+  margin-bottom: 0.5em;
+  font-weight: 500;
+}
+
+.pub-venue {
+  color: #777;
+  font-size: 0.95em;
+}
+
+.pub-links {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5em;
+  min-width: 100px;
+}
+
+.pub-btn {
+  padding: 0.4em 0.8em;
+  background: #007acc;
+  color: white;
+  text-decoration: none;
+  border-radius: 4px;
+  text-align: center;
+  font-size: 0.9em;
+  transition: background-color 0.2s;
+}
+
+.pub-btn:hover {
+  background: #005999;
+  color: white;
 }
 
-.bibliography li:hover {
-  transform: translateY(-2px);
-  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
+/* Mobile responsive */
+@media (max-width: 768px) {
+  .pub-row {
+    flex-direction: column;
+  }
+  
+  .pub-links {
+    flex-direction: row;
+    flex-wrap: wrap;
+  }
+  
+  .pub-btn {
+    flex: 1;
+    min-width: 80px;
+  }
 }
 
 
+// .bibliography {
+//   display: grid;
+//   gap: 1.5em;
+//   margin: 2em 0;
+// }
+
+// .bibliography li {
+//   background: white;
+//   border-radius: 12px;
+//   padding: 1.5em;
+//   box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+//   border: 1px solid #f0f0f0;
+//   list-style: none;
+//   transition: transform 0.2s ease, box-shadow 0.2s ease;
+// }
+
+// .bibliography li:hover {
+//   transform: translateY(-2px);
+//   box-shadow: 0 4px 20px rgba(0,0,0,0.15);
+// }
+
+
 // /* Bibliography container */
 // .bibliography {
 //   margin: 2em 0;