From 3464ccaf40c22d248e2fc6de91acc8c9278b2eda Mon Sep 17 00:00:00 2001
From: Claudio Mansilla <c.mansillabrito@gmail.com>
Date: Mon, 18 Nov 2024 14:22:39 -0300
Subject: [PATCH] changed discovery radius from 50 arcsec to 20 arcsec

---
 lightcurve/src/crossmatch_api/routes/htmx.py  |   9 +-
 .../src/crossmatch_api/static/crossmatch.css  | 386 +++++++++++-------
 2 files changed, 232 insertions(+), 163 deletions(-)

diff --git a/lightcurve/src/crossmatch_api/routes/htmx.py b/lightcurve/src/crossmatch_api/routes/htmx.py
index fd73e02fa..cb180d0d3 100644
--- a/lightcurve/src/crossmatch_api/routes/htmx.py
+++ b/lightcurve/src/crossmatch_api/routes/htmx.py
@@ -27,16 +27,11 @@ async def object_mag_app(
     
     object = get_object(oid,session_factory = request.app.state.psql_session)
 
-    cross = get_alerce_data(object.meanra, object.meandec, 50)
-    
-    cross_keys_raw = []
-    for i in range(len(cross)):
-        cross_keys_raw.append(next(iter(cross[i].keys())))
+    cross = get_alerce_data(object.meanra, object.meandec, 20)
 
     cross_keys = []
     for i in range(len(cross)):
-        if next(iter(cross[i].values()))['distance']['value'] <= 20:
-            cross_keys.append(next(iter(cross[i].keys())))
+        cross_keys.append(next(iter(cross[i].keys())))
 
     return templates.TemplateResponse(
       name='crossmatch.html.jinja',
diff --git a/lightcurve/src/crossmatch_api/static/crossmatch.css b/lightcurve/src/crossmatch_api/static/crossmatch.css
index 4aa3e6577..449ff1005 100644
--- a/lightcurve/src/crossmatch_api/static/crossmatch.css
+++ b/lightcurve/src/crossmatch_api/static/crossmatch.css
@@ -6,6 +6,14 @@
   pointer-events: auto;
 }
 
+.tw-preflight .tw-visible {
+  visibility: visible;
+}
+
+.tw-preflight .tw-invisible {
+  visibility: hidden;
+}
+
 .tw-preflight .tw-absolute {
   position: absolute;
 }
@@ -14,6 +22,10 @@
   position: relative;
 }
 
+.tw-preflight .tw-left-0 {
+  left: 0px;
+}
+
 .tw-preflight .tw-left-10 {
   left: 2.5rem;
 }
@@ -30,6 +42,22 @@
   top: 50%;
 }
 
+.tw-preflight .tw-top-\[100\%\] {
+  top: 100%;
+}
+
+.tw-preflight .tw-z-10 {
+  z-index: 10;
+}
+
+.tw-preflight .tw-z-\[10\] {
+  z-index: 10;
+}
+
+.tw-preflight .tw-z-\[2\] {
+  z-index: 2;
+}
+
 .tw-preflight .tw-z-\[9999\] {
   z-index: 9999;
 }
@@ -66,6 +94,11 @@
   margin: auto;
 }
 
+.tw-preflight .tw-mx-0 {
+  margin-left: 0px;
+  margin-right: 0px;
+}
+
 .tw-preflight .tw-mx-2 {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
@@ -81,6 +114,11 @@
   margin-right: auto;
 }
 
+.tw-preflight .tw-my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+
 .tw-preflight .tw-my-4 {
   margin-top: 1rem;
   margin-bottom: 1rem;
@@ -106,16 +144,8 @@
   margin-left: 0.5rem;
 }
 
-.tw-preflight .tw-ml-\[50\%\] {
-  margin-left: 50%;
-}
-
-.tw-preflight .tw-ml-\[5px\] {
-  margin-left: 5px;
-}
-
-.tw-preflight .tw-mr-4 {
-  margin-right: 1rem;
+.tw-preflight .tw-ml-4 {
+  margin-left: 1rem;
 }
 
 .tw-preflight .tw-mt-2 {
@@ -126,20 +156,12 @@
   margin-top: 0.75rem;
 }
 
-.tw-preflight .tw-mt-4 {
-  margin-top: 1rem;
-}
-
-.tw-preflight .tw-mt-\[30px\] {
-  margin-top: 30px;
-}
-
 .tw-preflight .tw-mt-\[6px\] {
   margin-top: 6px;
 }
 
-.tw-preflight .tw-box-content {
-  box-sizing: content-box;
+.tw-preflight .tw-block {
+  display: block;
 }
 
 .tw-preflight .tw-inline-block {
@@ -154,10 +176,6 @@
   display: flex;
 }
 
-.tw-preflight .tw-table {
-  display: table;
-}
-
 .tw-preflight .tw-grid {
   display: grid;
 }
@@ -182,14 +200,6 @@
   height: 2rem;
 }
 
-.tw-preflight .tw-h-\[100\%\] {
-  height: 100%;
-}
-
-.tw-preflight .tw-h-\[12\.5\%\] {
-  height: 12.5%;
-}
-
 .tw-preflight .tw-h-\[30px\] {
   height: 30px;
 }
@@ -198,8 +208,12 @@
   height: 3px;
 }
 
-.tw-preflight .tw-h-\[500px\] {
-  height: 500px;
+.tw-preflight .tw-h-\[40px\] {
+  height: 40px;
+}
+
+.tw-preflight .tw-h-\[64px\] {
+  height: 64px;
 }
 
 .tw-preflight .tw-h-auto {
@@ -211,18 +225,6 @@
   height: fit-content;
 }
 
-.tw-preflight .tw-h-\[20px\] {
-  height: 20px;
-}
-
-.tw-preflight .tw-h-\[50px\] {
-  height: 50px;
-}
-
-.tw-preflight .tw-h-\[64px\] {
-  height: 64px;
-}
-
 .tw-preflight .tw-w-1\/3 {
   width: 33.333333%;
 }
@@ -243,22 +245,26 @@
   width: 1.25rem;
 }
 
-.tw-preflight .tw-w-52 {
-  width: 13rem;
-}
-
 .tw-preflight .tw-w-6 {
   width: 1.5rem;
 }
 
-.tw-preflight .tw-w-\[100\%\] {
-  width: 100%;
+.tw-preflight .tw-w-80 {
+  width: 20rem;
+}
+
+.tw-preflight .tw-w-\[30px\] {
+  width: 30px;
 }
 
 .tw-preflight .tw-w-\[400px\] {
   width: 400px;
 }
 
+.tw-preflight .tw-w-\[50\%\] {
+  width: 50%;
+}
+
 .tw-preflight .tw-w-\[80px\] {
   width: 80px;
 }
@@ -267,16 +273,12 @@
   width: 95%;
 }
 
-.tw-preflight .tw-w-full {
-  width: 100%;
+.tw-preflight .tw-w-\[98\%\] {
+  width: 98%;
 }
 
-.tw-preflight .tw-w-\[300px\] {
-  width: 300px;
-}
-
-.tw-preflight .tw-w-\[90\%\] {
-  width: 90%;
+.tw-preflight .tw-w-full {
+  width: 100%;
 }
 
 .tw-preflight .tw-min-w-full {
@@ -295,14 +297,6 @@
   flex-grow: 1;
 }
 
-.tw-preflight .tw-table-fixed {
-  table-layout: fixed;
-}
-
-.tw-preflight .tw-border-collapse {
-  border-collapse: collapse;
-}
-
 .tw-preflight .-tw-translate-y-1 {
   --tw-translate-y: -0.25rem;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -317,6 +311,16 @@
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+@keyframes tw-pulse {
+  50% {
+    opacity: .5;
+  }
+}
+
+.tw-preflight .tw-animate-pulse {
+  animation: tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+
 @keyframes tw-spin {
   to {
     transform: rotate(360deg);
@@ -361,14 +365,6 @@
   align-items: center;
 }
 
-.tw-preflight .tw-justify-normal {
-  justify-content: normal;
-}
-
-.tw-preflight .tw-justify-end {
-  justify-content: flex-end;
-}
-
 .tw-preflight .tw-justify-center {
   justify-content: center;
 }
@@ -444,10 +440,6 @@
   border-radius: 0.25rem;
 }
 
-.tw-preflight .tw-rounded-\[50px\] {
-  border-radius: 50px;
-}
-
 .tw-preflight .tw-rounded-\[6px\] {
   border-radius: 6px;
 }
@@ -464,22 +456,6 @@
   border-radius: 0.375rem;
 }
 
-.tw-preflight .tw-rounded-bl-\[10px\] {
-  border-bottom-left-radius: 10px;
-}
-
-.tw-preflight .tw-rounded-br-\[10px\] {
-  border-bottom-right-radius: 10px;
-}
-
-.tw-preflight .tw-rounded-tl-\[10px\] {
-  border-top-left-radius: 10px;
-}
-
-.tw-preflight .tw-rounded-tr-\[10px\] {
-  border-top-right-radius: 10px;
-}
-
 .tw-preflight .tw-border {
   border-width: 1px;
 }
@@ -488,6 +464,16 @@
   border-width: 8px;
 }
 
+.tw-preflight .tw-border-x-0 {
+  border-left-width: 0px;
+  border-right-width: 0px;
+}
+
+.tw-preflight .tw-border-y-0 {
+  border-top-width: 0px;
+  border-bottom-width: 0px;
+}
+
 .tw-preflight .tw-border-b {
   border-bottom-width: 1px;
 }
@@ -519,6 +505,11 @@
   border-color: rgb(209 213 219 / var(--tw-border-opacity));
 }
 
+.tw-preflight .tw-border-b-\[\#1e1e1e\] {
+  --tw-border-opacity: 1;
+  border-bottom-color: rgb(30 30 30 / var(--tw-border-opacity));
+}
+
 .tw-preflight .tw-border-b-black {
   --tw-border-opacity: 1;
   border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity));
@@ -532,6 +523,20 @@
   --tw-border-opacity: 0.2;
 }
 
+.tw-preflight .tw-bg-\[\#0097A7\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(0 151 167 / var(--tw-bg-opacity));
+}
+
+.tw-preflight .tw-bg-\[\#1976D2\]\/30 {
+  background-color: rgb(25 118 210 / 0.3);
+}
+
+.tw-preflight .tw-bg-\[\#2196f3\] {
+  --tw-bg-opacity: 1;
+  background-color: rgb(33 150 243 / var(--tw-bg-opacity));
+}
+
 .tw-preflight .tw-bg-\[\#757575\]\/60 {
   background-color: rgb(117 117 117 / 0.6);
 }
@@ -541,14 +546,9 @@
   background-color: rgb(59 130 246 / var(--tw-bg-opacity));
 }
 
-.tw-preflight .tw-bg-blue-700 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
-}
-
-.tw-preflight .tw-bg-cyan-700 {
+.tw-preflight .tw-bg-blue-600 {
   --tw-bg-opacity: 1;
-  background-color: rgb(14 116 144 / var(--tw-bg-opacity));
+  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
 }
 
 .tw-preflight .tw-bg-gray-100 {
@@ -566,11 +566,6 @@
   background-color: rgb(34 197 94 / var(--tw-bg-opacity));
 }
 
-.tw-preflight .tw-bg-pink-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(244 114 182 / var(--tw-bg-opacity));
-}
-
 .tw-preflight .tw-bg-transparent {
   background-color: transparent;
 }
@@ -580,25 +575,14 @@
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
 
-.tw-preflight .tw-bg-blue-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(96 165 250 / var(--tw-bg-opacity));
-}
-
-.tw-preflight .tw-bg-blue-600 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
-}
-
-.tw-preflight .tw-bg-gray-200 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
-}
-
 .tw-preflight .tw-p-2 {
   padding: 0.5rem;
 }
 
+.tw-preflight .tw-p-4 {
+  padding: 1rem;
+}
+
 .tw-preflight .tw-p-\[5px\] {
   padding: 5px;
 }
@@ -613,6 +597,11 @@
   padding-right: 1rem;
 }
 
+.tw-preflight .tw-px-\[8px\] {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+
 .tw-preflight .tw-py-1 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
@@ -623,17 +612,23 @@
   padding-bottom: 0.5rem;
 }
 
+.tw-preflight .tw-py-3 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
+
 .tw-preflight .tw-py-4 {
   padding-top: 1rem;
   padding-bottom: 1rem;
 }
 
-.tw-preflight .tw-pl-\[10px\] {
-  padding-left: 10px;
+.tw-preflight .tw-py-\[2px\] {
+  padding-top: 2px;
+  padding-bottom: 2px;
 }
 
-.tw-preflight .tw-pl-\[5px\] {
-  padding-left: 5px;
+.tw-preflight .tw-pl-\[10px\] {
+  padding-left: 10px;
 }
 
 .tw-preflight .tw-pr-2 {
@@ -668,25 +663,25 @@
   text-align: right;
 }
 
+.tw-preflight .tw-font-roboto {
+  font-family: Roboto, sans-serif;
+}
+
 .tw-preflight .tw-text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
 }
 
-.tw-preflight .tw-text-\[17px\] {
-  font-size: 17px;
-}
-
-.tw-preflight .tw-text-lg {
-  font-size: 1.125rem;
-  line-height: 1.75rem;
-}
-
 .tw-preflight .tw-text-sm {
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
 
+.tw-preflight .tw-text-xl {
+  font-size: 1.25rem;
+  line-height: 1.75rem;
+}
+
 .tw-preflight .tw-text-xs {
   font-size: 0.75rem;
   line-height: 1rem;
@@ -696,16 +691,42 @@
   font-weight: 700;
 }
 
+.tw-preflight .tw-font-light {
+  font-weight: 300;
+}
+
+.tw-preflight .tw-font-medium {
+  font-weight: 500;
+}
+
+.tw-preflight .tw-font-semibold {
+  font-weight: 600;
+}
+
 .tw-preflight .tw-ordinal {
   --tw-ordinal: ordinal;
   font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
 }
 
+.tw-preflight .tw-leading-9 {
+  line-height: 2.25rem;
+}
+
+.tw-preflight .tw-text-\[\#1976D2\] {
+  --tw-text-opacity: 1;
+  color: rgb(25 118 210 / var(--tw-text-opacity));
+}
+
 .tw-preflight .tw-text-\[\#1e1e1e\] {
   --tw-text-opacity: 1;
   color: rgb(30 30 30 / var(--tw-text-opacity));
 }
 
+.tw-preflight .tw-text-\[\#BDBDBD\] {
+  --tw-text-opacity: 1;
+  color: rgb(189 189 189 / var(--tw-text-opacity));
+}
+
 .tw-preflight .tw-text-\[\#FAFAFA\] {
   --tw-text-opacity: 1;
   color: rgb(250 250 250 / var(--tw-text-opacity));
@@ -716,24 +737,29 @@
   color: rgb(0 0 0 / var(--tw-text-opacity));
 }
 
+.tw-preflight .tw-text-blue-50 {
+  --tw-text-opacity: 1;
+  color: rgb(239 246 255 / var(--tw-text-opacity));
+}
+
 .tw-preflight .tw-text-blue-600 {
   --tw-text-opacity: 1;
   color: rgb(37 99 235 / var(--tw-text-opacity));
 }
 
-.tw-preflight .tw-text-gray-400 {
+.tw-preflight .tw-text-cyan-50 {
   --tw-text-opacity: 1;
-  color: rgb(156 163 175 / var(--tw-text-opacity));
+  color: rgb(236 254 255 / var(--tw-text-opacity));
 }
 
-.tw-preflight .tw-text-gray-600 {
+.tw-preflight .tw-text-gray-300 {
   --tw-text-opacity: 1;
-  color: rgb(75 85 99 / var(--tw-text-opacity));
+  color: rgb(209 213 219 / var(--tw-text-opacity));
 }
 
-.tw-preflight .tw-text-gray-700 {
+.tw-preflight .tw-text-gray-400 {
   --tw-text-opacity: 1;
-  color: rgb(55 65 81 / var(--tw-text-opacity));
+  color: rgb(156 163 175 / var(--tw-text-opacity));
 }
 
 .tw-preflight .tw-text-gray-900 {
@@ -751,21 +777,15 @@
   color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
-.tw-preflight .tw-text-blue-500 {
-  --tw-text-opacity: 1;
-  color: rgb(59 130 246 / var(--tw-text-opacity));
-}
-
-.tw-preflight .tw-text-gray-300 {
-  --tw-text-opacity: 1;
-  color: rgb(209 213 219 / var(--tw-text-opacity));
-}
-
 .tw-preflight .tw-underline {
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;
 }
 
+.tw-preflight .tw-opacity-0 {
+  opacity: 0;
+}
+
 .tw-preflight .tw-opacity-100 {
   opacity: 1;
 }
@@ -785,6 +805,12 @@
   outline-offset: 2px;
 }
 
+.tw-preflight .tw-transition-all {
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
+
 .tw-preflight .tw-duration-200 {
   transition-duration: 200ms;
 }
@@ -1386,6 +1412,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
   background-color: rgb(117 117 117 / var(--tw-bg-opacity));
 }
 
+.tw-preflight .hover\:tw-bg-\[\#b2b2b2\]:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(178 178 178 / var(--tw-bg-opacity));
+}
+
 .tw-preflight .hover\:tw-bg-\[\#e5e4e2\]:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(229 228 226 / var(--tw-bg-opacity));
@@ -1401,6 +1432,11 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
   background-color: rgb(229 231 235 / var(--tw-bg-opacity));
 }
 
+.tw-preflight .hover\:tw-bg-gray-600:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(75 85 99 / var(--tw-bg-opacity));
+}
+
 .tw-preflight .hover\:tw-bg-green-600:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(22 163 74 / var(--tw-bg-opacity));
@@ -1433,10 +1469,18 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
   outline-style: solid;
 }
 
+.tw-preflight :is(.tw-group:hover .group-hover\:tw-block) {
+  display: block;
+}
+
 .tw-preflight :is(.tw-group:hover .group-hover\:tw-flex) {
   display: flex;
 }
 
+.tw-preflight :is(.tw-group:hover .group-hover\:tw-flex-col) {
+  flex-direction: column;
+}
+
 .tw-preflight :is(.dark\:tw-divide-\[\#404040\]:is(.tw-dark *) > :not([hidden]) ~ :not([hidden])) {
   --tw-divide-opacity: 1;
   border-color: rgb(64 64 64 / var(--tw-divide-opacity));
@@ -1452,14 +1496,14 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
 
-.tw-preflight .dark\:tw-border-b-white:is(.tw-dark *) {
+.tw-preflight .dark\:tw-border-b-gray-600:is(.tw-dark *) {
   --tw-border-opacity: 1;
-  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
+  border-bottom-color: rgb(75 85 99 / var(--tw-border-opacity));
 }
 
-.tw-preflight .dark\:tw-border-b-gray-600:is(.tw-dark *) {
+.tw-preflight .dark\:tw-border-b-white:is(.tw-dark *) {
   --tw-border-opacity: 1;
-  border-bottom-color: rgb(75 85 99 / var(--tw-border-opacity));
+  border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
 
 .tw-preflight .dark\:tw-border-opacity-20:is(.tw-dark *) {
@@ -1490,11 +1534,21 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
   background-color: rgb(21 128 61 / var(--tw-bg-opacity));
 }
 
+.tw-preflight .dark\:tw-text-\[\#EEEEEE\]:is(.tw-dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(238 238 238 / var(--tw-text-opacity));
+}
+
 .tw-preflight .dark\:tw-text-\[\#FAFAFA\]:is(.tw-dark *) {
   --tw-text-opacity: 1;
   color: rgb(250 250 250 / var(--tw-text-opacity));
 }
 
+.tw-preflight .dark\:tw-text-gray-300:is(.tw-dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(209 213 219 / var(--tw-text-opacity));
+}
+
 .tw-preflight .dark\:tw-text-white:is(.tw-dark *) {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity));
@@ -1508,4 +1562,24 @@ Constrain images and videos to the parent width and preserve their intrinsic asp
 .tw-preflight .dark\:hover\:tw-bg-\[\#3b3939\]:hover:is(.tw-dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(59 57 57 / var(--tw-bg-opacity));
+}
+
+@media (min-width: 640px) {
+  .tw-preflight .sm\:tw-h-\[100\%\] {
+    height: 100%;
+  }
+
+  .tw-preflight .sm\:tw-w-\[100\%\] {
+    width: 100%;
+  }
+}
+
+@media (min-width: 768px) {
+  .tw-preflight .md\:tw-h-\[250px\] {
+    height: 250px;
+  }
+
+  .tw-preflight .md\:tw-w-\[365px\] {
+    width: 365px;
+  }
 }
\ No newline at end of file